Viewing 29 posts - 1 through 29 (of 29 total)
  • Author
    Posts
  • March 24, 2015 at 3:07 pm #417090
    fesarlis

    Hello,

    I want to split the top bar in cells to show various info (small banners etc). I also want the logged in user on the last cell on the right. I’ve tried, but it does not work so well, particularly on mobile and smaller resolutions. I would appreciate some guidance.

    I attach the respective css I’ve created, and the code taken from another post to show the username and images.

    Thank you.

    March 25, 2015 at 8:21 am #417595
    fesarlis
    This reply has been marked as private.
    March 26, 2015 at 5:33 am #418320
    Rikard

    Hi!

    I get a 403 error when trying to access your site, could you check please? Also, could you please provide us with screenshots highlighting what you are trying to achieve here, I’m not sure I understand exactly what you are trying to do.

    Cheers!
    Rikard

    March 26, 2015 at 7:14 am #418338
    fesarlis
    This reply has been marked as private.
    March 27, 2015 at 4:59 am #419076
    Josue

    Hey!

    We need an account to see the header-welcome thing, post one here as a private reply.

    Best regards,
    Josue

    March 27, 2015 at 9:59 am #419158
    fesarlis
    This reply has been marked as private.
    March 27, 2015 at 10:22 am #419170
    Josue

    On WordPress.

    Best regards,
    Josue

    March 27, 2015 at 10:42 am #419190
    fesarlis
    This reply has been marked as private.
    March 27, 2015 at 10:56 pm #419659
    Josue

    What’s the URL to login? if i go to wp-admin i get a 403 forbidden message.

    Regards,
    Josue

    March 27, 2015 at 11:15 pm #419666
    fesarlis
    This reply has been marked as private.
    March 27, 2015 at 11:40 pm #419671
    Josue

    Still, can’t login. Alternatively, you can change your code temporarily so the welcome thing appears at all times, that way i wouldn’t need to login in order to see it.

    March 28, 2015 at 12:48 am #419683
    fesarlis
    This reply has been marked as private.
    March 28, 2015 at 3:04 am #419699
    Josue

    Hey!

    Merge your code with this:

    #header-welcome{
    font-family: 'Roboto';
    color: #C37D2D;
    font-size: 14px;
    border: 2px solid #C37D2D !important;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
#avia2-menu, #header-welcome {
    float: right;
}

img.grp-top-banner {
    float: left;
}

@media only screen and (max-width: 767px) {
    #avia2-menu, #header-welcome, img.grp-top-banner {
        float: none !important;
        display: inline-block !important;
    }   
    #header_meta{
        text-align: center;
    }
}

    Best regards,
    Josue

    • This reply was modified 9 years, 8 months ago by Josue.
    March 28, 2015 at 8:19 am #419804
    fesarlis
    This reply has been marked as private.
    March 28, 2015 at 7:02 pm #419878
    Josue

    Your website is currently unaccessible (403).

    March 28, 2015 at 10:02 pm #419917
    fesarlis
    This reply has been marked as private.
    March 28, 2015 at 10:04 pm #419918
    fesarlis
    This reply has been marked as private.
    March 29, 2015 at 3:28 am #419944
    Josue

    Hey!

    1. Use padding-top/padding-bottom to increase the height of the meta area:

    #header_meta .container {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

    2. I don’t understand the other thing, why don’t you merge menuNotLogged with menuSecondary? $args[‘menu’] can only accepts one menu.

    Best regards,
    Josue

    March 29, 2015 at 7:15 am #419950
    fesarlis
    This reply has been marked as private.
    March 29, 2015 at 7:20 am #419952
    Josue

    Hey!

    Can you create a mockup of what would you want to achieve?

    Best regards,
    Josue

    March 29, 2015 at 8:02 am #419954
    fesarlis
    This reply has been marked as private.
    March 29, 2015 at 8:28 am #419957
    Josue

    Hey!

    I’m not noting that on my end – http://i.imgur.com/8gEdZxB.png

    Cheers!
    Josue

    March 29, 2015 at 8:38 am #419959
    fesarlis
    This reply has been marked as private.
    March 29, 2015 at 8:40 am #419960
    fesarlis
    This reply has been marked as private.
    March 29, 2015 at 9:25 am #419961
    Josue

    Yeah i see it now, try adding this:

    .html_boxed #top .cart_dropdown {
    top: 100px;
}
    March 29, 2015 at 9:37 am #419962
    fesarlis
    This reply has been marked as private.
    March 29, 2015 at 6:22 pm #420046
    Josue
    #top .avia_cart_buttons {
    background: red !important;
}

#top .avia_cart_buttons .button.add_to_cart_button {
    background: green !important;
}

#top .avia_cart_buttons .button.show_details_button  {
    background: blue !important;
}

    Change as needed.

    March 30, 2015 at 7:28 pm #420739
    fesarlis
    This reply has been marked as private.
    March 30, 2015 at 8:20 pm #420773
    Josue

    Hi!

    Change it like this so it only gets applied on desktop:

    @media only screen and (min-width: 767px) {
.html_boxed #top .cart_dropdown {
    top: 100px;
}
}

    Best regards,
    Josue

  • Author
    Posts
Viewing 29 posts - 1 through 29 (of 29 total)
  • You must be logged in to reply to this topic.