Mobile view of movers

Home Forums All Other Themes Mobile view of movers

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #68982
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    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: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    original post on how changes to header were made

    header sections

    #68991
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23517
    • Total: 23517
    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: 158
    • Replies: 196
    • Total: 354
    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: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    .

    #69367
    Laura
    Participant
    • Topics: 158
    • Replies: 196
    • Total: 354
    Member since: July 21, 2016

    .

    #69385
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23517
    • Total: 23517
    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: 158
    • Replies: 196
    • Total: 354
    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: 23517
    • Total: 23517
    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.