Textual title overlaping in mobile view

Home Forums All Other Themes Textual title overlaping in mobile view

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #38720
    James
    Member
    • Topics: 2
    • Replies: 1
    • Total: 3
    Member since: June 23, 2016

    Website: http://kingsaxc.com/

    We’re using a textual title but when viewed on a mobile device, the two lines of text appear over each other. Is there some code to change the font size or formatting in the mobile view only?

    Thanks for a great theme!

    J

    #38728
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25878
    • Total: 25878
    Member since: August 16, 2013

    Hi James,

    Kindly go to Appearance>>Theme Option>>Basic Setting>>Custom CSS Box

    Add this code there:


    @media
    screen and (max-width:767px) {
    .header .header-inner .logo h1, .header .header-inner .logo a{font-size:40px !important;}
    }

    Regards,
    Brad

    #38734
    James
    Member
    • Topics: 2
    • Replies: 1
    • Total: 3
    Member since: June 23, 2016

    Hi Brad,

    That worked a treat. Thanks so much.

    James.

    #38742
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25878
    • Total: 25878
    Member since: August 16, 2013

    🙂

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