Problem on Mobile page

Home Forums All Other Themes Problem on Mobile page

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #74298
    JoëlleJoëlle
    Member
    • Topics: 2
    • Replies: 11
    • Total: 13
    Member since: February 1, 2017

    Hi,

    There was a problem with my mobile page.

    The right sidebar and the textual logo looks normal on PC but abnormal in the mobile page.
    Can you tell me what’s happened?

    I tried to put this css code :@media screen and (max-width:767px) {
    .site-main, #sidebar { width:100%;}
    }

    But it doesn’t work,

    Thanks,

    Joëlle

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

    Hi,

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

    Regards,
    Chris

    #74491
    JoëlleJoëlle
    Member
    • Topics: 2
    • Replies: 11
    • Total: 13
    Member since: February 1, 2017

    Hi,

    Here you are: http://morethangypsy.com

    Thanks!

    Joëlle

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

    Hi,

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

    Add this code there:

    @media screen and (max-width:767px) {
    .site-main, #sidebar { width:100% !important;}
    }

    Regards,
    Chris

    #74535
    JoëlleJoëlle
    Member
    • Topics: 2
    • Replies: 11
    • Total: 13
    Member since: February 1, 2017

    Hi,

    It’s working good, thank you.
    But do you have solution for the textual logo.
    It’s still looks abnormally large on mobile.

    Thanks,

    Joëlle

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

    Hi,

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

    Add this code there:

    .header .header-inner .logo h1, .header .header-inner .logo a { font-size:36px !important;}

    Regards,
    Chris

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.