How i can: erase Love Box, translate "Read more", fix The top menu, fix Map Block triangle.

edited November 2015 in Theme support

Hello,


I'm doing tests on my site.


http://pirogbageriet.se


I encounter the following problem: 


1. How can I erase Love Box when the blog is set on Photo (Horizontal Images) ?

photo attached -> http://pirogbageriet.se/support/3.png

direkt link: http://pirogbageriet.se/var-produktion/


2. How can I translate "Read more" to another language in Blog mode?

photo attached -> http://pirogbageriet.se/support/2.png

direkt link: http://pirogbageriet.se


3. The top menu is working well with Google, but in Safari there is more space under the text then abobe the text. This happens only when scrolling down and up. How can I fix this?

photo attached -> http://pirogbageriet.se/support/1.png

direkt link: http://pirogbageriet.se/


4.In the Map Block there is a green suare with address info etc. This block has a triangle in the bottom left corner. How can I remove it? I want to do that because it might wrongly be perceived as if the location is where the triangle is.

photo attached -> http://pirogbageriet.se/support/4.png

direkt link: http://pirogbageriet.se/kontak/


5.How can I put the header menu in the center in the mobile version?

photo attached -> http://pirogbageriet.se/support/5.png


6.How can I change position for meny icon  in the center in the mobile version?

photo attached -> http://pirogbageriet.se/support/6.png


Thanks and Regads!

Comments

  • Hi,

    1) You can remove it with below css:
    .post-footer .button-love a.mfn-love { display: none !important; }
    2) You can do this under Theme options > Translate > Blog & Portfolio section.

    3) Menu items height, can be decreased with below css:
    #Top_bar .menu > li > a span:not(.description) { line-height: 50px !important; }
    4) You can remove this triangle with:
    .column_map .google-map-contact-wrapper .get_in_touch::after { display: none !important; }
    5) Use below css:
    @media only screen and (max-width: 767px) {
        #Top_bar #menu ul li { text-align: center !important; }
    }
    6) Your icon is currently in different place that you showed it on screenshot.
  • edited December 2015
    Hey!
    Thank you very match!

    But i have still problem:


    1. It's not in the center when i have small window like here photo attached -> http://pirogbageriet.se/support/7.png

    (my first question was not correct sorry)


    6.How can I change position for meny icon  in the center?

    photo attached -> http://pirogbageriet.se/support/6.png

    6) Your icon is currently in different place that you showed it on screenshot.



    2. It's still not working in Safari desktop (but it not so important)


    3. The top menu is working well with Google, but in Safari there is more space under the text then abobe the text. This happens only when scrolling down and up. How can I fix this?

    photo attached -> http://pirogbageriet.se/support/1.png

    direkt link: http://pirogbageriet.se/

    3) Menu items height, can be decreased with below css:
    #Top_bar .menu > li > a span:not(.description) { line-height: 50px !important; }


    Thanks and Regads!
  • 1. @media only screen and (min-width: 768px) and (max-width: 959px) {
        #Top_bar a.responsive-menu-toggle { width: 100% !important; }
    }

    2. What does not work in Safari? We do not understand your question at all.

    3. We have no idea what is wrong with your Safari version but on our side everything is fine - look http://pasteboard.co/2zmAtgti.png
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.