Adapting the theme

[carlosmartinpavon]

Hello! I just downloaded the theme, I was using avada with 2 or 3 plugins and now the thing is a bit messy, so I have some questions to sort this,

1) ok first thing first, I would like to have the menu transparent to have an effect similar to the one attached in the file “Menu”

2) My theme is registered but I still see the option of punchase on the webpage

3) for now I don’t want another users to be able to login but I can’t disable this option

4) I tried to create a location and I get a 404 on those pages (http://www.vipescapemallorca.com/st_location/calas-de-betlem/)

5) I guet a “something went wrong on the map of those locations

only this for now, I have other issues but step by step!

Attachments:

You must be logged in to view attached files.

[Bryan]

Hello

1. The menu can not transparent it self. It come with top header so in case to make it transparent, you must do the same for top header.

Our new demo header will show you the example:

Full Video Slider

2. You can use this css code in Traveler Settings > Styling Options > Custom Css to remove it:

.demo_changer {display: none; }

3. You can di it in Traveler Settings > Page Options > find login/register section, unselect login/register page for it.

When user click on Login/register button on top header, it will redirect to homepage.

4. Please go to Settings > Permalinks > select Post Name type then check your page again.

5. You can follow our document to create new google api key:

Google API

Thanks

[carlosmartinpavon]

Thanks for the answer it helps alot!!

1b) seems like just erasing the color of the background doesn’t do the trick and I can’t find what css class handle this 🙁
Plus I see that in the example the menu hide itself with the first scrolling, how did you achieve this?

2b) I wanted to completly hide the button, I did the trick with

.collapse-button, .collapse-user
{
display: none; 
}

5b)out of curiosity, now it works but I can’t drag the pin, I can only select a location by name, is this intended?

now the new things:
6) the visual composer is not working on the frontend 🙁

7) I rent yachts instead of cars, can I change where it say cars for Yachts?

Thanks for the help! 🙂

Attachments:

You must be logged in to view attached files.

[Bryan]

Hello

1. If you need that layout trick, please config your header and menu then i can help you change it.

2. That is just temporacy way to hide that bar. In new our theme version, that bar will not appear anymore.

5. You can use Lat and Long to set your post location. For example for tour location:

Tour Location

6. There are have problem with visual plugin. We must wait the fix from plugin author.

In the meantime, please use backend editor to build your page/layout.

7. There are have some words was built by text block, you can easy change it by check on page edit or Car Layout or in Traveler Settings > Car Options.

With some special words, you can use Poedit to change it:

Manual Translation

Thanks

[carlosmartinpavon]

1c) that would be great, I did the trick with

.global-wrap {
    width: 100%;
    height: 0px;
}

.menu-wrapper, .header-top {
height: 0px;
display: inline-flex;
}

.div_paged_room, ul.slimmenu {
    position: relative;
    left: 50%;
}
.logo img {
    width: auto;
    left: 20px;
    top: 0px;
    position: absolute;
}

it worked nice until I had to add the footer, then everything broke and I’m quite sure that the 50% there, was not the best option to move the buttons of the menu to the middle..

btw I don’t still yet know how to override the colors of the selected element and hover element of the menu without using the predefined ones

8) on the mobile versión I don’t see any menu at all, shouldn’t there be one? how do I activate it

Thanks for the help!

[Bryan]

Hello

You can try this css and change the number to fit your header layout.

@media (min-width: 1200px){
#st_header_wrap_inner {
    height: 0px !important;
}
.header-top {
    background: transparent;
}
.main_menu_wrap {
    margin-top: -55px;
    padding-right: 5%;
    background: transparent!important;
    border-bottom: none!important;
}
header#main-header .main_menu_wrap ul.slimmenu {
    width: 60%;
    float: right;
}
#menu1 .menu-collapser{
    background: transparent;
}
.bg-holder>.bg-mask {
    opacity: 0;
}
header#main-header {
    background: transparent;
}
.header-top .main-header-search {
    display: none !important;
}
.header-top li.top-user-area-lang{
    display: none !important;
}
.header-top .col-md-9 {
    width: 30%;
    float: right;
    margin-right: -35px;
}
.header-top .col-md-3 {
    z-index: 99;
}
ul.slimmenu li a {
    color: #ffffff;
}
ul.slimmenu li .sub-toggle>i{
    color: #fff !important;
}
#top_toolbar{
    background: transparent  !important;
}
ul.slimmenu li ul li a {
    background-color: transparent;
}
}

Thanks

[carlosmartinpavon]

It doesn’t seems to work 🙁

what I want to get is something like in the attached screen

🙁

if you want to check I think I added the login data to the first post when I did it… and I use “Simple CSS” To store the css data

Best Regards!

Attachments:

You must be logged in to view attached files.

[Bryan]

I can not access to admin panel so please you can use this css code to change color for current menu:

.menu-style-2 ul.slimmenu li.current-menu-item > a {background: #354861 !important;
    color: #f2c48e !important;}

Thanks

[Author]

Posts