Okay
  Public Ticket #1270724
Align menu ham and brand
Closed

Comments

  •  17
    Marcelo started the conversation
    August 11, 2017 at 12:11pm

    Hello everyone. End of project. Now it's element alignment adjustments.

    P.S: I REMOVED ANY LABORATOR AND PAGE CSS CODE

    There is a same distance from the side for the title and for the filter list (see red square in the image below).

    The brand and the HAM menu are misaligned. The ham menu should go a bit to the left and the brand a bit to the right.

    /
    LINK IMAGE
    http://d.pr/i/jlNXZ

    LINK
    http://valencaevalenca.profissional.ws/valencachild/projects/

    COMPLEMENTING
    You sent me this code below. On the desktop the setting is perfect, but the device does not stay.

    /*CODE LOGO DESKTOP IT’S OK*/
    .logo-and-menu-container {
        padding-left: 13px !important;
        padding-right: 5px !important;
    }



  • [deleted] replied
    August 12, 2017 at 2:01pm

    Hi Marcelo

    You can add Custom CSS to push logo more on right and hamburger menu to the left

    header.main-header.fullwidth-header .container{ padding: 0 30px; }

  •  17
    Marcelo replied
    August 12, 2017 at 9:20pm

    Eroll, thanks for the feedback.

    I just tested the code. It aligns the brand with the title PROJECTS, but leaves the HAM menu misaligned. The value of 30px fits the brand well. But the menu goes to the right too.

    How do I solve this? It's very important.

  • [deleted] replied
    August 13, 2017 at 5:08am

    Hi Marcelo

    Please replace the current code 15px is for hamburger and 30 is for Logo, so now and on you can change the value as you wanted.

    header.main-header.fullwidth-header .container{ padding: 0 15px 0 30px; }
  •  17
    Marcelo replied
    August 13, 2017 at 7:37pm

    Eroll, glad you returned me. Now it worked fine on the desktop. But in mobile the brand was misaligned with the word PROJECTS. How do I solve it?

  • [deleted] replied
    August 14, 2017 at 3:30am

    Hi Marcelo

    You can add any of this which fits your request to fix the distance for devices you may gave to tested

    /*Mobile*/
@media (max-width: 600px) {  header.main-header.fullwidth-header .container{ padding: 0 15px 0 30px; }
}
/* tablet vertical */
@media (max-width: 768px) {  header.main-header.fullwidth-header .container{ padding: 0 15px 0 30px; }
}
/* tablet horizontal */
@media (max-width: 1024px) {  header.main-header.fullwidth-header .container{ padding: 0 15px 0 30px; }
}
  •  17
    Marcelo replied
    August 14, 2017 at 10:14am

    Hello Eroll, can I enter all these codes?

  •  17
    Marcelo replied
    August 14, 2017 at 10:18am

    It worked very well. Perfect.

    Thanks Eroll

  • [deleted] replied
    August 14, 2017 at 6:21pm

    Hi there,

    I'm glad to hear that

    Will set this ticket as solved from here.

  • [deleted] replied
    August 14, 2017 at 6:21pm

    Hi there,

    I'm glad to hear that

    Will set this ticket as solved from here.