Plain header opacity

listio_ops

Hi,

I’m using the plain header. Is it possible to give the plain header’s background an opacity so that I can see the content underneath?

Thanks

Albert

Hi,

please send us url to page where you are using this header and we'll see if there is anything what we can do for you.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

listio_ops

The url is: http://baysideshopping.co.za/dev/

I'm still busy working on the website.

Thanks

Albert

Thanks. We did checked your site already but with "Plain" header it is unfortunately impossible to set transparent background. This requires modification in theme files.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

listio_ops

Ok thank you.

Is it possible to increase the size of my logo in the header? 

Also where do you change the colour of the back to the top  sticky button?

Kind regards,

Suzanne

Albert

1. To increase logo size, use below css:

.header-plain #Top_bar #logo { height: 100px !important; }

2. To change "Back to top" background color, use below css:

#Footer .footer_copy a#back_to_top.sticky { background: #000 !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

listio_ops

Thanks, that worked perfectly.

The only problem is that now the navigation/menu needs is not the same height as the logo anymore.

How can I adjust this?

Albert

If you want to move menu items down as well, then you need to use below css:

#Top_bar:not(.is-sticky) .menu_wrapper { margin-top: 10px !important; }

Please notice that this is the only solution to move this menu down and there is no other workaround.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

listio_ops

Thanks, I will try this.

Kind regards,

Suzanne

Albert

You're welcome

Learn more: Video Tutorials | How To | FAQ Vote on what comes next