Mobile view of movers

[Laura]

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?

[Laura]

original post on how changes to header were made
https://www.sktthemes.org/forums/topic/header-sections/#post-54078

[Forum Moderator]

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

[Laura]

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

[Laura]

.

[Laura]

.

[Forum Moderator]

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

[Laura]

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

[Forum Moderator]

Hi Laura,

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

Regards,
Dave

[Author]

Posts