Excellent thanks for the link.

OK, so first thing to do is…
1) remove the option to set both columns to equal height. This will make each column take on a height equal to the content.
2) give the right hand column a class (I used scrolling-col)
3) use some css to set a height for column and add scroll effect for the overflow content.

.scrolling-col {
    height: 1000px!important;
    max-height: 1000px!important;
    overflow: auto;
    width: 100%!important;
}

I had to add a width as I had to manually remove the classes that created equal columns and doing so for some reason removed the column width too. The width shouldn’t be needed.

That will / should give the following look

screenshot

Give that a whirl and let us know the outcome. We can then look at live page again if needed.

Thanks

TJ

Morning,

Could you post a link to the page in question?

Thanks

TJ

Morning,

within the grid row element you can set the cell behavior on mobile. To stack the cell above each other check this box

check this field

TJ

Hi,

You can set any link to open in a nice little lightbox by doing the following

http://if-auto-quote.itclix.com/?iframe=true

Within a button element in the ALB add that as the button link. No need for plugins or extra coding.
The only limitation is if you are running an ssl cert on the site the link will need to be on ssl or it’ll be blocked.

As for changing the link to open as a new page on mobile that’ll be possible by some .js
I’m off home now but if no one replies before tomorrow I’ll see if i can sort it for you

Hope that helps

TJ

• This reply was modified 7 years, 4 months ago by tjswarbs78.

Hey, yes you can use percentage. Pasting in the quick css should fine. I’ve always added css in there with no issues.

Be mindful that any change you make will alter every Magnific Popup iframe and on any device. Setting a width of 80% may look fine on desktop but mobiles may suffer. It’d be worth checking how things look on small screens (if the code actually works)

Give it a bash then come back and let us know the outcome :)

Thanks

Tim

ps – will look at how to move it up and down now.

Ok so these values will depend on the height you give the iframe.
We need to move two things. 1) the iframe itself and 2) the little close button

.mfp-iframe-scaler iframe{
top:-155px;
}

that will move the whole frame up but keep the left and right arrows centre.

div.avia-popup .mfp-iframe-scaler .mfp-close {
    top: -205px;
}

that will move the close button up so you can see it.

As I said play with the values

TJ

• This reply was modified 7 years, 4 months ago by tjswarbs78.

Hi,

When you say someone else set up my website I’m presuming they installed a version of Enfold and built a site for you?

Editing privileges are not a theme related thing they are set by your user role within WordPress. If you are set to Administrator you have the ability to edit / change / add / delete anything you want. If you are set to say subscriber you can only view pages.

User roles

It could be the person who set up the site has created you as a user with a low user role. If you have paid them I’d suggest asking them for the admin passwords as they are yours. You can then log in and change things as you like.

If they refuse and you have access to the server you can change the password in myphpadmin and get into the site way.

Some unscrupulous developers will try to maintain control over a site so they can charge you for simple things. (I’m not saying that is the case – just from experience I’ve seen clients ripped off)

Let us know if any of this ring true for you

Thanks

TJ

Good morning,

That style of menu could be created in Enfold yes (EVERYTHING is possible in Enfold).

Use a tab section to create the tabs that say A La Carte / Lunch / Dinner / Wine

Each tab section can then use columns to split the page accordingly. There will have to be some css to style the text. They have used background coloring and position absolute to create the dots and overlay the text. Not the most difficult thing to replicate.

I’m not sure whether support would help design the page for you but if you really really really like that style of menu I could knock together a layout and some css to replicate it and let you have it.

All the best

TJ

Morning,

Stab in the dark… your site runs an ssl (https)?

The script you are loading is over http so is being blocked to maintain a secure site.
There is no way to override this as the whole reason for an ssl (https) is to be secure. Forcing one link to load over http will render the ssl pointless.

Solution – the script you are loading needs to be from an ssl domain.

A user can click on the “load unsafe scripts” icon in the browser bar but will them be prompted the site is no longer secure

Hope that helps a little

TJ

Hi,

There is a wonderful plugin called backupbuddy that will take a full copy of a current site (database and all files) that you can then deploy elsewhere. This is by far the easiest method I know of migrating sites. During migration it also re-writes all links in database. I have used it to move sites from dev to uat to live with no issues.

It isn’t free but if you are going to be moving several sites it is worth its weight in gold.

As a bonus you can schedule partial or full back ups each week / month which adds a nice level of security in case the worst happens.
I also use it before any WordPress or plugin up date to back a site up.

You can manually export pages / posts/ etc via WordPress and then manually export the database. Import them both to the new domain and do a sql search to change urls.

Hope that helps a little

TJ

Hi,

So 3, 4 and 5

3) the logo can moved up using top:-15px; but it becomes cut off by the secondary menu above.
4) there are no theme settings for logo left menu left. Plus as the search icon is part of the menu moving the menu moves that too.
5) there is only one thing to attach a border to but that creates a full height border.

Thanks

TJ

Hi,

/*number 1*/
#menu-item-594 {border:none;}

/*number 2*/
#top .social_bookmarks li {border-left-style:solid; border-left-width:1px;}
#top #header .social_bookmarks li:last-child {border-left-style:none;  border-right-width:0;}

/*number 5 (partly)*/
.cart_dropdown {border:none;}

/*number 3*/
#header_meta {border:none;}
#header_meta:after {content: ''; width: 70%;height: 13px; position: absolute; right: 0; border-bottom: 1px solid #d8d8d8;}

screenshot

Give those a try while we work on the rest :)

TJ

• This reply was modified 7 years, 5 months ago by tjswarbs78.

Hi,
If you intend to mod or change the main theme in any way using a child-theme is needed, yes.
If you mod or change the main theme they will be lost during an update.

If you set up a child theme, I believe you are correct that the settings will reset. (it has been a while since I set one up)
Under import/export though you are able the export theme settings. I’ve never done it myself but I’d expect you can then import the settings to the child theme.

Any changes you have made in the child-theme functions.php will not be overwritten during an update, same goes for settings once done.

Hope that helps a little

TJ

Hi,

You can turn on custom css on the ALB
You can then use a media query to hide the element on mobile.

@media screen and (max-width:480px){
.page-id-xxxx .custom-class{display:none;}
}

If you post a link to the page it’ll be easier to give exact css

Thanks

Tim

Excellent stuff :)

TJ

How do,

Can you post a link to the home page? I’ll have a look see if anything jumps out.

Thanks