
-
AuthorPosts
-
September 16, 2016 at 1:41 pm #687493
Hallo Enfold Team,
I have a question concerning the link in the private content: The desktop view has a transparent header. If I scoll down, a white bar over the logo and the menu shows up – that’s perfect. I would like to have it exactly the same for the mobile view. There is now just a white bar behind the logo – and the green graphic is down below.
Can you help me please?
By the way, a really great theme!!King regards,
September 16, 2016 at 1:46 pm #687498Hi jamemo!
Pleasse add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) { #top #wrap_all .av_header_transparency { background: transparent; position: absolute!important; }}
Cheers!
YigitSeptember 16, 2016 at 2:50 pm #687533Hei Yigit,
thank you, that works fineJust another short question:
In mobile view, the main menu – icon (square with three lines) now gets a white background. How can i make a transparent background (like at 800px width) Is it possilbe to make the border of the sqare also black and a little bit thicker?Regards,
-
This reply was modified 8 years, 11 months ago by
jamemo.
September 16, 2016 at 4:03 pm #687577Hi!
Please add following code to Quick CSS as well
#advanced_menu_toggle { background: transparent!important; border: 2px solid black !important; }
Best regards,
YigitSeptember 16, 2016 at 6:10 pm #687673Hi Yigit,
Yes, that works.A further question on my first post – I found out now, when I scroll down in mobile view, the green water color background (a color section) “jumps down” under the header – when the white bar is fading in behind the logo and the main menu button – I want that the the green water color background stays behind the logo and the main-menu button.
Best Regards,
September 19, 2016 at 8:16 pm #688755Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px) { .responsive #top #wrap_all #header .header_bg { background: transparent; } .responsive #top #wrap_all #header { position: absolute; }}
Best regards,
YigitSeptember 20, 2016 at 9:33 am #689029Hei Yigit,
it works – Thank you very much!!!
best regards too!September 21, 2016 at 7:23 am #689637 -
This reply was modified 8 years, 11 months ago by
-
AuthorPosts
- The topic ‘Transparent header in mobile view’ is closed to new replies.