Your address will show here +12 34 56 78

Home Forums WP RESIDENCE – Real Estate WordPress Theme FORUM Responsiveness issue with menu Reply To: Responsiveness issue with menu

#100634

Anna
Keymaster

Hi Cindy

Please see my answer below:

iPad (Portrait View): http://quirktools.com/screenfly/#u=http%3A//awb.webcraftconnect.com/&w=768&h=1024&a=22&s=1&p=1

Upper right top widget disappears.

–> That was removed intentionally as there was no room for 2 widgets in header.

You can use this CSS to make it show

@media only screen and (max-width: 992px){
.right-top-widet {
display: inherit!important;
float: none;
}
}

Mobile menu appears as expected.

—> Ok.

Scrolling down a bit you will see a green button that says “Contact Us”, which is outside its container. Did not resize properly.

—> I don’t see it here http://quirktools.com/screenfly/#u=http%3A//awb.webcraftconnect.com/&w=768&h=1024&a=22&s=1&p=1 Please help me find it.

iPad (Landscape View) and 10″ Netbook

http://quirktools.com/screenfly/#u=http%3A//awb.webcraftconnect.com/&w=1024&h=768&a=22&s=1&p=1

http://quirktools.com/screenfly/#u=http%3A//awb.webcraftconnect.com/&w=1024&h=600&a=1&s=1&p=1

Menu does not display all items. I think it wrapped but the wrapped items are hidden under the carousel, as I can just barely make out the tops of the letters above the carousel background at the upper right.

You need to increase the menu width. Use this CSS in Admin – Design – Custom CSS

@media only screen and (max-width: 1024px) and (min-width: 992px){
#access {
max-width: 800px;
float: right;
}
}

———-

iPhone :

http://quirktools.com/screenfly/#u=http%3A//awb.webcraftconnect.com/&w=320&h=568&a=37&s=1&p=1

Upper right top widget disappears altogether.
Scrolling down a bit you will see a green button that says “Contact Us”, which is outside its container. Did not resize properly.

–> Please see my answer above.

Thank you,
Anna