Viewing 5 replies - 1 through 5 (of 5 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

    1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
    2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
    3. (put this code in)

      #menu li.bop-nav-search {
          float: right;
      }
      
      #menu ul.dropdown {
          float: none;
      }
    4. Save

    Alternatively use your Child Theme style.css file to hold your CSS modifications

    The advert looks centred to me.

    Thread Starter Mitchellcole

    (@mitchellcole)

    I added that to my child theme pro.css (which normally works for editing) and no change in position of the search box on the menu.

    As for the ad, i figured that out on my own!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The only pro.css file that is loaded is here: https://rogues.review/wp-content/themes/Teal.Dark.Pro/pro.css?ver=4.3.1

    And that doesn’t contain my code

    try this css. The search is already floated right, but unless it’s parent container is wide enough it won’t make a difference.

    #Main_nav {
        width: 100%;
    }
    Thread Starter Mitchellcole

    (@mitchellcole)

    And that worked, not sure if it was Mr case, or Andrew but both codes added to pro.css and its on the right! Thank you guys much!

    Any advice on how to add social media buttons(links) right above the search box in menu(in the bottom of the header)?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Align search bar to right on nav menu & center ad’ is closed to new replies.