Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 8, 2016 at 5:40 pm #644968
    chrisbelote

    Hi,

    1) I am trying to make the background area for the phone number have the white (or off white) bar the whole time, not just when scrolled. Any idea what CSS I could use to make this happen? (See image)

    RocketLeads Background Phone Number

    2) When I click to scroll down to a specific section on the mobile version of the site it is a few pixels off. Any idea what CSS I could use to get this to get exactly to the desired section? (See image)

    RocketLeads Scroll Down

    Thanks,
    Chris

    June 9, 2016 at 8:35 am #645288
    Rikard

    Hey Chris,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
#header_meta .container {
background:white !important;
}
}

    Cheers!
    Rikard

    June 9, 2016 at 1:24 pm #645418
    chrisbelote

    Hi Rikard, thank you. Is there any way to make the background color for the phone # area go all the way across? Similar to how it does when you scroll down? (See image below.)

    Also, do you have any ideas for #2 in my original post above?

    RocketLeads Phone Number

    Thanks,
    Chris

    • This reply was modified 8 years, 5 months ago by chrisbelote.
    June 9, 2016 at 4:50 pm #645556
    chrisbelote

    Please see the image below in reference to #2 in my original post. When I click to scroll to a section it is just a few pixels off. Looking for CSS to fix this. Thanks!

    RocketLeads Scroll Images

    June 12, 2016 at 4:28 am #646772
    Ismael

    Hi!

    Please replace the previous code inside the css media query with this:

    #header_meta {
    background: #ffffff !important;
}

    Regards,
    Ismael

    June 12, 2016 at 4:29 am #646773
    Andy

    Hi,

    Please update the theme to the latest version. That should fix any issues you are currently experiencing :)

    To update to the latest version follow the simple instructions here. (Or if you want the super detailed explanation you can read this blog post)

    If that does not help, feel free to reply here and we will take a closer look at the issue. In that case please also add your WordPress login credentials (in the “private data” field) so we can take a look at your admin area

    Best regards,
    Andy

    June 12, 2016 at 4:59 am #646787
    chrisbelote

    Ismael, that did the trick for #1. Thank you sir!

    Chris

    June 12, 2016 at 5:01 am #646789
    chrisbelote

    Hi Andy,

    I just updated the theme and emptied the cache. When selecting a section it appears to be a few pixels off for each section for mobile only. It works fine on a PC/Mac.

    Login credentials are in the private content area.

    Thanks,
    Chris

    June 13, 2016 at 1:02 pm #647331
    Vinay

    Hi,

    Please review the site now we have added the below code in Quick CSS

    @media only screen and (max-width: 767px) {
#header_main {
padding-bottom:10px!important;
}}

    Best regards,
    Vinay

    June 13, 2016 at 1:42 pm #647358
    chrisbelote

    Vinay, it is working perfectly. Thank you kind sir!

    Best regards,
    Chris

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mobile Site Phone Number Area Background & Scroll Down a Few Pixels Off’ is closed to new replies.