Joomla Templates Club 406,261 posts

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#705308

Hello
I add a language button in the main menu section inside the ACM-Header on the right side, it show great and it work perfect, what i want is to have it align with the menu buttons and also when shrinking the screen to the minimum or in small devices the button moves out side the ACM-Header.

Any help to fix this part?

pictures attach

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#705415

Hi @otomol,

Please open file templatesubercsscustom.css (if you don’t have this file, just create a new one) then add this code :

div.uber-header.header-5.dark-color .site-navigation-right .right-menu {
margin-top: 13px;
}
div.uber-header.header-5.dark-color .site-navigation-right .right-menu ul li > a {
padding: 13px 25px;
}

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#751878

Hi @otomol,

Please open file templatesubercsscustom.css (if you don’t have this file, just create a new one) then add this code :

div.uber-header.header-5.dark-color .site-navigation-right .right-menu {
margin-top: 13px;
}
div.uber-header.header-5.dark-color .site-navigation-right .right-menu ul li > a {
padding: 13px 25px;
}

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#705515

Adam

I just created the file custom.css in templatesubercss but there is no change with the language button alignment.

Any thing else i can do?

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#751948

Adam

I just created the file custom.css in templatesubercss but there is no change with the language button alignment.

Any thing else i can do?

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#705802

Hi @otomol,

My bad, please replace the previous code with this one :

header.uber-header.header-5.dark-color .site-navigation-right .right-menu {
margin-top: 13px;
}
header.uber-header.header-5.dark-color .site-navigation-right .right-menu ul li > a {
padding: 13px 25px;
}

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#752114

Hi @otomol,

My bad, please replace the previous code with this one :

header.uber-header.header-5.dark-color .site-navigation-right .right-menu {
margin-top: 13px;
}
header.uber-header.header-5.dark-color .site-navigation-right .right-menu ul li > a {
padding: 13px 25px;
}

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#705975

Adam thanks…. is getting there, the button is aligned in most of the views. With the exception of the smallest size in the firefox browser or cellphone vertical version. And also you can see the padding white space between the header and the slideshow.

[otomol Friend otomolJoin date: May 2011Posts: 85Downloads:96Uploads:22 Thanks: 17]

#752241

Adam thanks…. is getting there, the button is aligned in most of the views. With the exception of the smallest size in the firefox browser or cellphone vertical version. And also you can see the padding white space between the header and the slideshow.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#706150

Hi @otomol,

Here is what I got at my end, no problem so far.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#752367

Hi @otomol,

Here is what I got at my end, no problem so far.

[Author]

Posts