Strong theme – need help with a few things

Home Forums All Other Themes Strong theme – need help with a few things

Viewing 15 posts - 1 through 15 (of 28 total)
  • Author
    Posts
  • #73869
    HueyHuey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Hello,

    I have a few things I need help with.

    First: How can I get the number to be vertical centered with the phone icon in the header?

    Second: How can I change the sub menu background? I tried changing the color in the header section but the sub-menu background did not change.

    Last: When my website is in mobile form, the footer gets cut off on the left side. Can this be fixed?

    If you need the website link, can I send it through a message or email instead?

    #73928
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL so that we can assist further.

    Regards,
    Brad

    #74004
    HueyHuey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Sure. This is the URL. http://test.bdsnow.com/

    #74077
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

    Add this code there:

    .phonenumber { margin-top:10px;}
    .phonenumber i { top:10px;}
    #topmenu ul li ul { background:#ccc !important;}
    
    @media screen and (max-width:767px) {
    #footer .rowfooter { margin:20px 0 !important;}
    }

    Regards,
    Brad

    #74173
    HueyHuey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Thank you, Brad!

    That worked perfectly!

    One more thing. I just noticed the phone icon in the header is cut off at the bottom in mobile. Is there something I can do to fix that?

    #74183
    HueyHuey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    I’m also having trouble with one of my pages. The 3 columns at the bottom are disproportionate.

    http://test.bdsnow.com/it-services/

    Thank you!

    #74204
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

    .phonenumber { padding-bottom:20px;}
    .su-row { margin:0 -10px 1.5em;}
    .su-column-size-1-3 { width:33.333%; padding:0 10px;}

    Regards,
    Brad

    #74300
    HueyHuey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Thanks Brad!

    That worked for the phone number.

    For the 3 columns, it worked but still looks like the middle column is off center: http://test.bdsnow.com/it-services/

    The code you gave me also made the column of another page get cut off: http://test.bdsnow.com/it-services/managed-it-services-kansas-city/

    Thank you!

    #74419
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance>>Customize>>Basic>>Scroll down to find Custom CSS and paste there:

    .su-column-size-1-3 { width:33.333% !important;}
    .su-column-size-1-2 { padding:0 10px;}

    Regards,
    Brad

    #74550
    HueyHuey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Thank you!

    That worked on desktop by now the 3 column is cut off on the sides in mobile.
    http://test.bdsnow.com/it-services/

    #74777
    HueyHuey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Hello,

    Just wanted to check if this is something that can be fixed. If not, I’ll have to look into making it look right a different way.

    #74811
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    Hi,

    Kindly use this css code there:

    .su-column-size-1-3 { padding:0 10px !important;}

    Regards,
    Brad

    #74992
    HueyHuey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Worked perfectly! Thanks!

    #75029
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30588
    • Total: 30588
    Member since: August 16, 2013

    🙂

    #75123
    HueyHuey
    Member
    • Topics: 9
    • Replies: 26
    • Total: 35
    Member since: April 20, 2017

    Hello! I thought all problems solved but now there is new problem!

    After doing the custom css changes suggested, columns on pages work fine. But now the columns I have on front page is not aligned.

    http://test.bdsnow.com/

    It is 2nd section with picture. The wording and picture used to be on same line. Now it is off

Viewing 15 posts - 1 through 15 (of 28 total)
  • The topic ‘Strong theme – need help with a few things’ is closed to new replies.