• I need to get rid of the pink background behind the logo when in the mobile version. When on desktop version, the background is white behind the logo, after using additional CSS code. How can I change the background to white always.

    Password to view the page: FED8D5

    Thanks!
    Lori

    The page I need help with: [log in to see the link]

Viewing 10 replies - 1 through 10 (of 10 total)
  • Theme Author VW THEMES

    (@vowelweb)

    Hello @ecrivante20,

    To change the background to white in the mobile version, use this below CSS.

    Add the below CSS code in the additional CSS for that Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the below CSS >> Publish it.

    @media screen and (max-width:720px) {
    #header {
    background: #ffffff;
    }
    }

    Thank You.

    Thread Starter Lori Paulson

    (@ecrivante20)

    Hello

    Thank you. That worked for the most part. When I checked the mobile version on my phone and tablet, it has a white background behind the logo. However, when I check different window sizes on the desktop version, I get at a pink background behind the logo still.

    The occurrence of the pink background starts at about 1,018 pixel width to approximately 769 pixel width. Before and after these widths, the background is white

    https://cakesbyyourstruly.com/

    page password
    FED8D5

    Thanks for your help!

    Thread Starter Lori Paulson

    (@ecrivante20)

    Sorry, didn’t double check. When I have my tablet resting on the horizontal, no pink background. However, when I rest the tablet on the vertical, the pink background appears.

    Theme Author VW THEMES

    (@vowelweb)

    Hello @ecrivante20,

    To change the background to white in the mobile version, use this below CSS.

    Add the below CSS code in the additional CSS for that Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the below CSS >> Publish it.

    .logo img, .logo, .logo_outer_box {
    background-color: transparent;
    }
    
    @media screen and (min-width: 768px) and (max-width: 1023px){
    .logo img, .logo, .logo_outer_box {
       background-color: transparent;
    }
    }

    Thanks

    • This reply was modified 3 years, 2 months ago by VW THEMES.
    Thread Starter Lori Paulson

    (@ecrivante20)

    Thank you! That worked for every size of window.

    Theme Author VW THEMES

    (@vowelweb)

    Hello @ecrivante20,

    Most Welcome, If you like our theme you can give us a review on the below link.

    https://www.ads-software.com/support/theme/vw-bakery/reviews/

    Thanks.

    Thread Starter Lori Paulson

    (@ecrivante20)

    Hi,

    I am having a problem with VW Bakery Pro where there are double menus on the pages. It was fine when I had only the free version. But when I downloaded the Pro version and entered the code for the Pro version, the double menu problem showed up. I looked and found a previous question about it but the information was not helpful.

    How do I get rid of the double menu showing up on the pages?

    https://cakesbyyourstruly.com/

    viewing password – FED8D5

    Thanks!

    Theme Author VW THEMES

    (@vowelweb)

    Hello @ecrivante20,

    This is the Lite theme support forum, Contact the premium theme support forum from the website.

    Thank You.

    Thread Starter Lori Paulson

    (@ecrivante20)

    Hi,

    Thanks for the info. Helps to know where to ask the questions. ??

    Theme Author VW THEMES

    (@vowelweb)

    Hello @ecrivante20,

    Below is the support link please ask the query on the below link.

    https://www.vwthemes.com/support/vw-theme/

    Thank you

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Change pink background to white behind the logo when showing in mobile version’ is closed to new replies.