Joomla Templates Club 406,261 posts

[walkysss Friend walkysssJoin date: February 2010Posts: 115Downloads:0Uploads:17 Thanks: 47 Thanked: 1 times in 1 posts]

#204288

hi

im having issues with Bigger (larger Screen ) with the Top Nav

how can i keep everything the same ( same width and Size) on all Screen ..Ex iphone,tablet ,1920px …on the latptop everything is Fine …

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#561445

Can you explain the reference for “same” width/size relative to the screen sizes you’re referring to?

[walkysss Friend walkysssJoin date: February 2010Posts: 115Downloads:0Uploads:17 Thanks: 47 Thanked: 1 times in 1 posts]

#561470

hi

here the code that i used
@media screen and (min-width:1920px) {
.t3-mainnav {
margin-left: 365px;
width: 1219px!important;
}
}

i want to keep eveything at 1219px on all Screen but it doesnt work on Large screen i got –see image

thanks

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#561471

Are you saying that you want to keep your main nav centered with your site on larger screens/resolutions?

[walkysss Friend walkysssJoin date: February 2010Posts: 115Downloads:0Uploads:17 Thanks: 47 Thanked: 1 times in 1 posts]

#561477

Yes, exactly .. I phone, tablets larger screen.. Thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#561656

Okay, try the following modifications – both within your custom.css file:

at line 544:


.t3-mainnav {
background: none repeat scroll 0 0 black;
border-bottom: 0 dotted ghostwhite;
border-left: 0 none;
border-radius: 6px;
border-top: 4px solid black;
margin-bottom: -1px;
margin-left: auto;
margin-right: auto;
margin-top: -23px !important;
width: 1186px;
}

at line 73, delete the “left” property


.t3-mainnav {
width: 1186px;
}

Better ???

1 user says Thank You to TomC for this useful post

1. walkysss

[Author]

Posts