Broken mobile design

[brankakajis]

Hi,

how can we easily adopt the mobile design of our page? Right now it looks really terrible, although we expected that it will be already responsive. Please see mobile version on: naucimo.se.

Thanks,
Uroš

[prakash_s]

Hello @uroscarman,

Thanks for writing to us.

I checked the given site URL it seems that layout is rendering fine on my Android phone where I have tested it on my end. I noticed that your mobile menu is not rendering due to the color I would suggest you please add this custom CSS code under the Customs Code —>Global CSS to set the mobile menu color.

@media(max-width:978.98px){
.x-btn-navbar.collapsed:hover {
background-color: transparent;
box-shadow: none;
color: rgb(119, 166, 247);
}
.x-btn-navbar.collapsed {
background-color: transparent;
box-shadow: none;
color: rgb(51,51,51);
}
.x-btn-navbar:hover {
color: rgb(119, 166, 247);
}
.masthead-inline .x-btn-navbar {
color: rgb(51,51,51);
}
}

In case you have no idea about responsive styling, I would suggest you please have a look at this documentation.

Responsive Styling | Themeco Docs

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[brankakajis]

Hello @prakash_s,

thank you. Will give it a try or subscribe to One, as per your suggestion.

Best,
Uroš

[tristup]

Hi @uroscarman,

You are most welcome.