Joomla Templates Club 406,261 posts

[meisner Friend meisnerJoin date: November 2010Posts: 27Downloads:1Uploads:3 Thanks: 7 Thanked: 3 times in 1 posts]

#706007

Every change is getting a little closer, but if you try to downscale the site some, the menu turns to the right color and all, however it is still pretty wonky, It isn’t working like it should.

The goal is to have the menu working just as it is on the mobile view throughout the site whenever the menu is too big to fit on the screen in it’s normal state.

[meisner Friend meisnerJoin date: November 2010Posts: 27Downloads:1Uploads:3 Thanks: 7 Thanked: 3 times in 1 posts]

#752261

Every change is getting a little closer, but if you try to downscale the site some, the menu turns to the right color and all, however it is still pretty wonky, It isn’t working like it should.

The goal is to have the menu working just as it is on the mobile view throughout the site whenever the menu is too big to fit on the screen in it’s normal state.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#706129

May I know in which device the button doesn’t look as expected? You should check in real device instead of resizing browser, sometime it doesn’t bring our correct result.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#752346

May I know in which device the button doesn’t look as expected? You should check in real device instead of resizing browser, sometime it doesn’t bring our correct result.

[meisner Friend meisnerJoin date: November 2010Posts: 27Downloads:1Uploads:3 Thanks: 7 Thanked: 3 times in 1 posts]

#706298

I haven’t checked on my ipad yet but other than that, i am happy with how it looks on phone.
However, i would hate to have my site look like this if people are running in a smaller browser window, something that i often do myself as well, and i doubt i’m the only one 🙂

[meisner Friend meisnerJoin date: November 2010Posts: 27Downloads:1Uploads:3 Thanks: 7 Thanked: 3 times in 1 posts]

#752404

I haven’t checked on my ipad yet but other than that, i am happy with how it looks on phone.
However, i would hate to have my site look like this if people are running in a smaller browser window, something that i often do myself as well, and i doubt i’m the only one 🙂

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#706425

If you want to apply to a bigger screen, you can add new css rule:

@media ( max-width: 1024px ) {

//your custom css here
.t3-mainnav .navbar .btn-navbar {
margin: 15px 0 (@baseLineHeight / 2) 20px;
background: none;
box-shadow: none;
border: solid 1px @gray Darker;
}
}


Just change the value for max-width property to your desired value, this means that every screen which is smaller than 1024px will have above css style.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#752492

If you want to apply to a bigger screen, you can add new css rule:

@media ( max-width: 1024px ) {

//your custom css here
.t3-mainnav .navbar .btn-navbar {
margin: 15px 0 (@baseLineHeight / 2) 20px;
background: none;
box-shadow: none;
border: solid 1px @gray Darker;
}
}


Just change the value for max-width property to your desired value, this means that every screen which is smaller than 1024px will have above css style.

[Author]

Posts