Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
You are here: HomeForum
Welcome, Guest

How to get top menu links to one row?
(1 viewing) (1) Guest
  • Page:
  • 1
  • 2

TOPIC: How to get top menu links to one row?

How to get top menu links to one row? 11 years ago #13493

  • donJuha
  • OFFLINE
  • Single Product
  • Fresh Boarder
  • Posts: 2
  • Karma: 0
Hello!
I like this template and I'm going to purchase the Copyright removal if I can solve my top menu problem.

How can you get the top menu items (links) to one row?
I have 8 links and the last of them is on the second row, so it doesn't look so good.

I already set the margin-left in offset 4 to 20 px in
localhost/sj-joomla3/templates/sj_joomla3/css/yt-bootstrap-responsive.css,
but still i have two rows in top menu.

Can you help me with this?
Last Edit: 11 years ago by donJuha.

Re: How to get top menu links to one row? 11 years ago #13648

Dear Juha,

We're sorry about the lateness. Please go to your_site\templates\sj_joomla3\layouts\left-main-right.xml and find:

1.
<position class="span8 offset4" data-normal="span10 offset2" data-tablet="span10 offset2" data-stablet="span12" type="feature">@menu</position>


=>

<position class="span12" data-normal="span12" data-tablet="span12" data-stablet="span12" type="feature">@menu</position>


2. change again margin-left in .offset4 to 420 px in localhost/sj-joomla3/templates/sj_joomla3/css/yt-bootstrap-responsive.css
.offset4 {
    margin-left: 420px;
  }


Thanks!
The following user(s) said Thank You: donJuha

Re: How to get top menu links to one row? 5 years, 7 months ago #38606

Hi, I have tried this on my site but it does not work, I use main-right.xml.
Thank you

Re: How to get top menu links to one row? 5 years, 7 months ago #38608

I could put the menu in a single line, but I want to move it more to the left

Re: How to get top menu links to one row? 5 years, 7 months ago #38669

Dear martin131

To faster, please add the css below for your site /templates/sj_joomla3/css/template.css

#yt_menuposition {
width: 100%;
margin-left: 20px;
margin-top: 55px;
}

Re: How to get top menu links to one row? 5 years, 7 months ago #38683

It worked perfectly! thank you!
  • Page:
  • 1
  • 2
Time to create page: 0.44 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.

Latest My Topics

No posts to display.

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes