Support Forum

Home Forums OceanPlaza WP Menu Padding

All Wordpress Themes

This topic contains 15 replies, has 3 voices, and was last updated by  Support Team 1 4 years, 4 months ago.

  • Author
    Posts
  • #2198

    Maskot
    Participant

    Hi,
    I need to change padding of items in top menu.
    If I inspect “home” or any item in menu of website using firebug I get

    #menu a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #3F3F3F;
    display: block;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    padding: 13px 20px;
    position: relative;
    text-decoration: none;
    transition: all 0.25s ease-in-out 0s;
    z-index: 10;
    }
    but cant find specific css file that is responsible for it
    and I need to change padding: 13px 20px; to padding: 10px;
    Where in ccs can I find it.
    http://kynoakademia.pl/

    • This topic was modified 4 years, 4 months ago by  Maskot.
  • #2200

    Support Team 4
    Participant

    Hello, Maskot!
    responsive you can find in file \wp-content\themes\oceanplaza_woo_v2.1\css\magnific-popup.css
    You can set include your style in next code

    @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) 
    {
     /*your code here*/
    }

    for example:

    @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    #menu a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #3F3F3F;
    display: block;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    padding: 13px 20px;
    position: relative;
    text-decoration: none;
    transition: all 0.25s ease-in-out 0s;
    z-index: 10;
    }
    }
    • #2201

      Support Team 4
      Participant

      Also you can write all your css code in new file(mystyle.css) and attached it in \wp-content\themes\oceanplaza_woo_v2.1\style.css
      Examle:

      @import "css/zocial.css";
      @import "css/font-awesome.min.css";
      @import 'css/bootstrap.css';
      @import "css/magnific-popup.css";
      @import "css/superfish.css";
      @import "css/style.css";
      @import "css/mystyle.css";/*your file*/
  • #2202

    Support Team 4
    Participant

    About this code, you can use any values, not necessarily the standard.

    @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) 
    {
     /*your code here*/
    }
  • #2216

    Maskot
    Participant

    It didn’t work I tryed both add code to magnific-popup.css and set new mystyle.css no changes. So maybe I will start from the beginning
    and explain what I need to do. My problem is that if window of the web browser is between width from 1152px to 980px the top menu goes under the logo and on slider area. How can I fix it?

    • #2222

      Support Team 1
      Keymaster

      Hello, Maskot! I understood you and also I have idea how to fix it. Please, wait, I must check.

      • #2223

        Support Team 1
        Keymaster

        Or maybe you can give me access to your WP admin panel and ftp access in private reply? it will be faster.

        • #2234

          Maskot
          Participant
          This reply has been marked as private.
          • #2235

            Support Team 1
            Keymaster

            Hello, Maskot! Sorry for reply delay. You can send me on sup1@gogetthemes.com

          • #2270

            Support Team 4
            Participant

            I can’t open your link to wp-admin, also login/password to ftp is a wrong. You can use private reply on forum and temporary login/password for securing of your site.

          • #2332

            Support Team 1
            Keymaster

            Hello, Maskot! Sorry for waiting! Menu is fixed.
            Check please!
            Issue about photos we’ll decide a little later.

            • #2355

              Maskot
              Participant
              This reply has been marked as private.
  • #2338

    Support Team 4
    Participant

    Maskot, ftp login/password is wrong, send corrected, please.

    • #2356

      Maskot
      Participant
      This reply has been marked as private.
      • #2358

        Support Team 1
        Keymaster

        Hello, Maskot! We understood, the forum posts sometimes incorrectly located))

      • #2380

        Support Team 1
        Keymaster
        This reply has been marked as private.

The topic ‘Menu Padding’ is closed to new replies.