Header Element is two different places on FF/Edge and Chrome and Slider Image missing

Try this
and play with the #px

.bd-blockheader {
position: absolute;
left: 100px;
}

Last edited 03 July 2019 by stbsforyou

Thanks for your input stbsforyou but that did not work

There is something else amiss with Themler as everything was ok until today.

The only thing I can think of is that I updated woocommerce today

Might that be causing the issue?

Could Themler Support please reply

Thanks

Hello Richard,

1) I my FF I can see My Currency Switcher on the left as well as in Chrome.
The sidebar where this switcher is placed in set to float left. You can check the settings in Themler or add this CSS:

.bd-sidebar-40 {
    float: right!important;
}

2) There is an empty slider in all browsers on my end. Does it show up fine in Themler?

Gina
Themler Support

Hi Gina

Thanks for getting back

I can see in FF inspector that bd-sidebar-40 is set to Float Left but it is correctly set to Float Right in Themler Editor and also displays right (See screenshot 01)

I can also see the Slider pic of the pen, that is blank in FF/Edge for me, in both Chrome and the Themler Editor (See screenshot 02 and 03)

If I add the css it makes no difference to the FF Inspector, it still shows left.(See screenshot 4)

Very strange

Cheers

Hi

I've managed to sort of resolve the desktop issue by using FF to edit/save the template in Themler which kicked in the correct display in both Desktop FF and Chrome but not Edge.

However, the mobile version is not showing my social media icons or currency switcher on the right as per Themler Editor(using FF) in both FF Mobile Android, Chrome Mobile Android and Safari Mobile. (See Screenshot 05- Themler Editor in FF Desktop)

Cheers

That's weird, but I still see it on the left in my Chrome.
Could you please clear the site cache and probably the server cache as well.

If the issue still persists, please, create a new private topic with the access to the site.

Gina
Themler Support