Mobile view of movers

Home Forums All Other Themes Mobile view of movers

This topic contains 8 replies, has 2 voices, and was last updated by  Forum Moderator 2 years, 4 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #68982

    Laura
    Participant
    • Topics: 131
    • Replies: 196
    • Total: 327
    Member since: July 21, 2016

    http://worldpeacerosegardens.org/temp/
    theme: movers and packers

    https://snag.gy/FdjRSJ.jpg

    1. How do I prevent vision and mission from running off screen in mobile view?
    2. How to make image slider same size as menu bar?
    3. stop “living reminders of peace” from appearing over the image?

    #68983

    Laura
    Participant
    • Topics: 131
    • Replies: 196
    • Total: 327
    Member since: July 21, 2016

    original post on how changes to header were made

    header sections

    #68991

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21650
    • Total: 21650
    Member since: August 16, 2013

    Hi Laura,

    Kindly add this code in Custom CSS Box

    @media screen and (max-width:767px) {
    .header-right .column1{width:100% !important;}
    .slider-main{width:auto !important; padding:0 10px;}
    .wrap_two h2.section_title{float:left;}
    }

    Regards,
    Brad

    #69325

    Laura
    Participant
    • Topics: 131
    • Replies: 196
    • Total: 327
    Member since: July 21, 2016

    Thank you, that code worked for the mission and vision statement over lap, and the slider images.
    1. The “living reminders of peace” text still overlaps the image.

    2. Phone number in the header is not the same size as the email address?

    https://snag.gy/jMH0bB.jpg

    #69361

    Laura
    Participant
    • Topics: 131
    • Replies: 196
    • Total: 327
    Member since: July 21, 2016

    .

    #69367

    Laura
    Participant
    • Topics: 131
    • Replies: 196
    • Total: 327
    Member since: July 21, 2016

    .

    #69385

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21650
    • Total: 21650
    Member since: August 16, 2013

    Hi Laura,

    Add this code in Custom CSS Box:

    @media (max-width: 767px){
    #wrapTwo .wrap_two img{display: block !important; float: none !important; margin: 0 !important; width: 100%;}
    }

    Regards,
    Brad

    #69413

    Laura
    Participant
    • Topics: 131
    • Replies: 196
    • Total: 327
    Member since: July 21, 2016

    The “living reminders of peace” did move off of image, thank you. But the text is not centered.
    The phone number is still smaller than the email text in the header.

    https://snag.gy/oC5uVL.jpg

    #69448

    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 21650
    • Total: 21650
    Member since: August 16, 2013

    Hi Laura,

    We didn’t find any issue with phone number in header. Clear the cache of your browser and check again.

    Regards,
    Dave

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.