Peter,

I followed your instructions but still the same.

questions,
1. is it “float: left;” or “float: right;”? After I placed in custom.css, even the English version has the top bar aligned to the left while it supposed to align to the right.
2. I added a secondary menu to both languages, each has it’s own Login/Register links. However, only the English version has the secondary menu displayed correctly, aligning to the right. While the Chinese version only has the language switcher aligning to left, and sits next to the social media icons. I don’t even see the Chinese version secondary menu show up on the top.

Thanks,

Now it works.

I also updated the syntax for three-column grid.

#top .no_margin.av_one_third {
width: 32% !important;
}

thanks!

Josue,

Please see this screenshot.

How can we add this to the top nav bar?

thanks,

Cool.

So would I simply change the min-wifth and max-width value here?

@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive #top {
overflow-x: hidden;
}

Hi Yigit,

Thanks for your help but I did do that. If you read the thread that was left hanging you can see where my problem left off. Ismael thought there was something wrong with my code and asked me to post the code on pastebin here is the link to the page where the thread started…
https://kriesi.at/support/topic/portfolio-sort-by-title-and-title-display-on-hover/

Thankss!
Kim

Yigit,

This is what I have in the custom.css file.

.no_margin.av_one_fourth {
width: 24%;
}

Do I replace this with

#top .no_margin.av_one_fourth {
width: 24%;
}

Thanks,

Okay just to give a heads up. I just installed an older version of DesktopServer (version 3.5.8) and now I don’t seem to have any issue. The issue only shows when I use DsktopServer 3.6.1 (the latest).

Isn’t that weird. I thought I would let you know just in case anyone else struggles with this.

The changes I’ve made:

#header_main .container, .main_menu ul:first-child > li a, .logo img, .logo a {
height: 125px !important;
line-height: 125px !important;
max-height: none !important;
}

#top .social_bookmarks { top: 20%; }
#top .social_bookmarks li a { font-size: 18px; }
#top .social_bookmarks li { margin-right: 5px; }
#top .main_menu .menu li ul a { font-size: 20px; }

#megaMenu ul.megaMenu ul.sub-menu li.menu-item > a { font-size: 18px; }

What I need to make bigger:

Hmmm on a live server I don’t seem to encounter this issue. I need to look closer at DesktopServer I think. For now I will close this and have a talk with the folks over at DS.

Thanks for the help so far. If I need more help I’ll be back (cue Schwarzenegger voice) :-)