Jump to content
Sign in to follow this  
Ivansparrow

Выровнять главное меню справа

Recommended Posts

здравствуйте, помогите, пожалуйста, выровнять главное меню по правому краю.

 

может, не прав, но пытался отыскать что-то связанное с меню в файле stylesheet.css

шаблон не дефолтный, поэтому есть различия и не смог разобраться с выравниванием.

stylesheet.css

post-690719-0-33047600-1455690227_thumb.jpg

Share this post


Link to post
Share on other sites

Варез?

Share this post


Link to post
Share on other sites

в menu.css 
найдите ul.megamenu > li   (74 строка)
и замените float:left; на float:right;

Edited by n3bo

Share this post


Link to post
Share on other sites

в menu.css 

найдите ul.megamenu > li   (74 строка)

и замените float:left; на float:right;

 

СПАСИБО ОГРОМНОЕ!!! 

Share this post


Link to post
Share on other sites

в menu.css 

найдите ul.megamenu > li   (74 строка)

и замените float:left; на float:right;

 

еще вопрос появился. после проделанной замены, главное меню выравнялось по правому краю  и вместе с  ним  изменился порядок сортировки  категорий (справа налево) . каким образом возможно сделать правильную сортировку?

post-690719-0-83106200-1455705198_thumb.jpg

Share this post


Link to post
Share on other sites

найдите ul.megamenu > li 
замените float:right; 
на display:inline-block;
 
найдите ul.megamenu
добавьте text-align:right;

Share this post


Link to post
Share on other sites

найдите ul.megamenu > li 

замените float:right; 

на display:inline-block;

 

найдите ul.megamenu

добавьте text-align:right;

 

еще раз спасибо за оперативную помощь! 

Share this post


Link to post
Share on other sites

Я так понял это только в этой теме работает. А в других темах как? Или я просто не в курсе где лежит этот menu.css 

Share this post


Link to post
Share on other sites

Я так понял это только в этой теме работает. А в других темах как? Или я просто не в курсе где лежит этот menu.css 

Тыкаете на элемент который хотите изменить правой клавишей мыши и нажимаете "посмотреть код", справа будут стили и файлы, которые применяются к этому элементу

Share this post


Link to post
Share on other sites

Сылаеся на стандарный фаил стилей.  Там вот такой код.


#menu .nav > li > a{
  1. color#fff;
  2. text-shadow0 -1px 0 rgba(0, 0, 0, 0.25);
  3. padding20px 15px 20px 15px;
  4. min-height:15px;
  5. background-colortransparent;
  6. font-weight:bold;
}

Share this post


Link to post
Share on other sites

Покажите лучше сайт

Share this post


Link to post
Share on other sites

bootstrap.min.css

.navbar-nav {

 

заменить float:left; на right;

Share this post


Link to post
Share on other sites

А где этот фаил лежит? я его не встречал ни разу.

Share this post


Link to post
Share on other sites

А где этот фаил лежит? я его не встречал ни разу.

bootstrap.min.css?

 

catalog/view/javascript/bootstrap/css/

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.