[Resolved] Responsiveness has broken

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 3 years, 5 months ago by Fernando.

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

Author

Posts
November 3, 2022 at 8:56 pm #2400864
troyw
Hey team,
Not sure why, but my website is suddenly not working responsively. If you check the Home Page for example, you will see that it is not presenting well on mobile devices.

I have identified the CSS causing this to happen, but cannot seem to change the CSS to stop it from happening.
```
.wptravel-layout-v2 #page #content {
	display: flex;
	flex-wrap: wrap !important;
}
.wptravel-layout-v2 #page #content .wp-travel-toolbar{
	display: block;
	flex-basis: 100%;
}
```
This CSS is somehow affecting the blocks and thus breaking the Mobile sizing, but I don’t know why?

Any idea how I can fix this?

Thanks
November 3, 2022 at 10:24 pm #2400905
Fernando
Customer Support
Hi Troyw,

How about placing them inside a Media Query so they don’t apply on Mobile view?

Example:
```
@media (min-width: 769px) {
    .wptravel-layout-v2 #page #content {
        display: flex;
        flex-wrap: wrap !important;
    }

    .wptravel-layout-v2 #page #content .wp-travel-toolbar {
        display: block;
        flex-basis: 100%;
    }
}
```
November 3, 2022 at 10:40 pm #2400917

troyw

Hahaha, yes that is it Fernando, thank you.

November 3, 2022 at 11:24 pm #2400942

Fernando
Customer Support

You’re welcome Troyw!
Author

Posts

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

You must be logged in to reply to this topic.