Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 27, 2018 at 12:57 pm #903653
    denisj77

    I activated the secondary menu and I Inserted A Plugin “POLYLANG”.
    Now, I want to insert a third-party shortcode for The Weather!

    For Shortcode I Have Inserted this in Function.php and Work:

    function add_custom_script_weather(){
    echo “<div class=’g-trans’>”.do_shortcode(‘[simple-weather latitude=41.050573 longitude=8.939561 station=”darksky” show_current=”yes” units=”metric” days=”0″ date=” “]’).”</div>”;
    }
    add_action(‘avia_meta_header’, ‘add_custom_script_weather’, 10);

    My Shortcode is displayed below the polylang plugin, how can I move it to the left?
    Then on the mobile devices the items in the secondary menu are displayed in the center, while on the computer and tablet to the right as I want!

    – https://residenzeparadiso.com/contatti/ –

    Thanks

    • This topic was modified 6 years, 9 months ago by denisj77.
    January 29, 2018 at 1:53 pm #904258
    denisj77

    Nobody can help me?
    Thanks

    January 30, 2018 at 6:48 am #904635
    Ismael

    Hi,

    Thank you for using Enfold.

    Please use the css code to adjust the position of the weather container.

    .weather {
    float: right;
    top: -10px;
    position: relative;
}

    Best regards,
    Ismael

    January 30, 2018 at 9:35 am #904676
    denisj77

    Hi, I tried your Shortcode But The Weather Tags is Displayed on the right in desktop Pc or below in Mobile Smarthpone from polylang…
    I Want It on The Left Sticky…
    Here my Complete Quick CSS:

    .weather {
    float: right;
    top: -10px;
    position: relative;
    }

    @media only screen and (max-width: 767px) {
    .responsive #header_meta .sub_menu ul{
    text-align:right!important;
    color:#000!important;
    }}

    .header_color .weather { color: black; }

    #top .av_header_transparency #header_meta {
    border-bottom: none! important;
    }

    .logo {
    margin-top: -30px;
    margin-left: -10px;
    }

    .header-scrolled .logo { margin-top: 0; }

    .inner_sidebar {
    margin-left: 30px;
    }

    .main_color table,
    #top .main_color .avia-data-table.avia_pricing_minimal th {
    background: transparent;
    }

    #top.page-template-default.page.stretched #main .container:before {
    content: ‘ ‘;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
    background-image: url(https://residenzeparadiso.com/wp-content/uploads/2017/12/chaplet-2489637_1920.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    }

    #top.page-template-default.page.stretched #socket .container:before {
    background-image: url(https://residenzeparadiso.com/wp-content/uploads/2018/01/whitebackground.png) !important;
    background-repeat: repeat;
    }

    #top.page-id-61 .inner_sidebar {
    font-style: normal!important;
    }

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .container {
    width: 100%!important;
    max-width: 100%!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
    }}

    Thanks

    January 30, 2018 at 10:54 pm #905216
    Basilis

    Hi,

    I opened the site and I can see it loaded next to the language selectors.
    Have you managed to get it short out?

    Best regards,
    Basilis

    January 31, 2018 at 12:03 am #905243
    denisj77

    I want the weather tag before the language selector, not at The next… and If you try to open my site with a Smartphone you Can See that The tag is under The language selector…
    Thanks

    • This reply was modified 6 years, 9 months ago by denisj77.
    January 31, 2018 at 4:44 am #905323
    Ismael

    Hi!

    We added the css code in the Custom CSS field.

    .weather {
    position: relative;
    float: right;
    top: -10px;
     right: 110px;    
}

#top .sub_menu>ul {
    float: left;
    margin: 0;
    right: -30px;
    position: relative;
}

@media only screen and (max-width: 767px)  {
	.weather {
            top: -30px;
        }
	.responsive #header_meta .sub_menu ul{
		text-align:right!important;
		color:#000!important;
	}
}

    Cheers!
    Ismael

    January 31, 2018 at 11:06 pm #905873
    denisj77

    Great Work, now Only one question, for desktop and Tablet All Ok, But in A Smartphone with Your CSS I lowered the main menu, I have too much space from the main menu to the top Menu…
    Thanks

    • This reply was modified 6 years, 9 months ago by denisj77.
    February 2, 2018 at 7:48 am #906692
    Ismael

    Hi,

    Glad it worked. I can’t see any issue with the main menu though. Mind sending a screenshot?

    Best regards,
    Ismael

    February 2, 2018 at 7:39 pm #906977
    denisj77

    Here an Screenshot… My Phone Android with 5,5″ Display… The problem is both with horizontal and vertical display
    – https://ibb.co/dUzyOm –

    Another question, How Can I Zoom In the Weather and Translator Plugin?
    Thanks

    • This reply was modified 6 years, 9 months ago by denisj77.
    February 4, 2018 at 9:31 am #907408
    Victoria

    Hi denisj77,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (max-width: 767px) {
  #header_meta .container {
    max-height: 30px;
  }
  #top .av_header_transparency #header_main {
    top: -30px;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 4, 2018 at 11:15 am #907437
    denisj77

    Works Perfect in Quick CSS,
    Great , Thanks

    February 4, 2018 at 11:33 am #907451
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Top Menu – Insert Shortcode’ is closed to new replies.