Few issues in regards to the website

mrozinski · September 2018

Hi guys,

I have few things which I would like to ask you if you are able to support me,

1) First thing is that I cannot remove the license from my old domain and move to the new domain, there is an option to send a hidden message? Not sure if should post here the details of the license.

2) I got a problem with mobile navigation under the www.financialbrokers.co.uk - the inner pages under business/property/insurance are unclickable and no idea how I can sort this issue.

3) There is an option to move the socials in line with the logo on a footer? I tried to make the socials bigger also, but the font-size code not working for me, another thing is that on the desktop under the footer there is a big white gap and also no idea how I can remove it.

- the same link like on point 2.

4) On a mobile version, subheader is a kind of broken - the images are not adaptive well, there is any way to position subheader image by myself? Just need cut a bit of bottom coz the photos look weird or make the holder of subheader image a bit lower height

- the same link like on point 2.

Thanks in advance!

Pablo · September 2018

Hi,

1) To manage your license keys, please use this tool:

https://forum.muffingroup.com/betheme/discussion/36219/cannot-register-deregister-your-license-key-use-this-tool#latest

2) Please, disable all of the plugins, clear the cache of the browser and check again.

3) All you can do is changing the layout of footer

in Theme Options > Footer

http://prntscr.com/kr8p5p

Or just disable the footer and recreate it in muffin builder.

4) The subheader?

You mean the revolution slider, right?

Please, be familiar with this docs:

https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/

Thanks

mrozinski · September 2018

Hi,

Thanks for your time and help.

1) Ok, thanks.

2) I already did that, didn't help...

3) Ok, thanks

4) No problemo, will sort it by my own.

The main problem is the second point, I really cannot do it - tryied all of solutions already...

mrozinski · September 2018

and not sure why in the mobile navigation for example under the Business / Asset Finance is the plus next to it - is not a parent page, is a inner page and the parent is business. Maybe because of this the navigation is unclickable?

Pablo · September 2018

About that point nr.2

After removing whole Custom CSS, it started to work.

It seems like one of this CSS is creating this issue.

Cheers.

mrozinski · September 2018

Ok, thanks for your help. have a nice day

mrozinski · September 2018

Fixed.

Got one quick question more, on a home page - under "Financial Brokers offers you", we wish to have the content visible and overlay effect while rollover. There is any chance to do this way?

Ref img: https://pl.imgbb.com/

Thanks

Financial Brokers offers you:

Pablo · September 2018

I do not see this.

http://prntscr.com/krckpy

Did you solve it or am I just missing it?

Thanks

mrozinski · September 2018

Hi,

Sorry I mean about boxes under the section where is this text

- here is a ref image: https://ibb.co/njSZhz

Pablo · September 2018

As Rollover you mean hover effect, right?

If you want to change your image frame(this boxes) hover effect, please go to

Theme Options > Global > General

http://prntscr.com/krlz1a

and color of it in:

Theme Options > Colors > Content

http://prntscr.com/krlzdh

Thanks.

mrozinski · September 2018

Hi Pablo,

Thanks for your reply, I already did play with these options, the main thing is that I cannot do that the icon, headline, button (read more) are visible before the hover effect, I wish only to keep the overlay color when the mouse rollover.

- there is any option, to do this way?

mrozinski · September 2018

Thanks for your time and help.

mrozinski · September 2018

Hi,

I got another questions:

1) subheader, I would like to change the height only on mobile where is a 320px and 480px grid. Will you be able to assist me with this issue as well?

2) main banner on a mobile 320px/480px/640px/768px - how I can adapt the image to be always full screen on mobile & tablet devices? See the screen as a reference: https://ibb.co/cZJxX9 (marked on red

Pablo · September 2018

You have to edit this Zoom Box while editing the page.

There is inserted the content in this item.

Just delete it from there.

1) You don't have subheader on website.

It's a header(this with revslider) and I cannot change it because of Revolution Slider,

you have to make your revslider responsive, as i said in response before:

https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/

2) To have it always full-screen, please enter RevSlider and check this option while editing

your slider.

http://prntscr.com/kth7nz

Cheers.

mrozinski · September 2018

Hi Pablo,

Thanks for your reply and time.

About three boxes question:

- sure, I know that the content is entered in the zoom box content section, but if I will delete it - the content gonna be gone and is not the way I wish to do it...

Here is an explanation again, how I wish to do it:

- before hover effect: box + content on it: image ref: https://ibb.co/b0Dch9

- after hover effect: box + content + color overlay: https://ibb.co/gSPgaU

I'm more than sure that is an easy way to do it, but cannot sort it out by myself.

1) Subheader: That's right, I have a header + revslider on the home page, but on the parent and inner pages there is a subheader with the parallax styled image, for example, https://www.financialbrokers.co.uk/business/ you can check it out here.

For each parent and an inner page I have added the custom CSS code inside each page, which looks like:

#Subheader {

background-image: url("https://www.financialbrokers.co.uk/wp-content/uploads/2018/07/sub_business6.png");

height: 100%;

background-attachment: fixed;

background-position: center;

background-repeat: no-repeat;

background-size: cover;

}

@media only screen and (max-device-width: 1366px) {

.parallax {

background-attachment: scroll;

}

The image resolution is 2000x2000px because I wanted to get the HQ images, the problem is that on the 320px and 480px devices the subheader looks weird because I have edited the photos and do a mirror image of them to have them in the resolution mentioned above. See here:

https://www.financialbrokers.co.uk/wp-content/uploads/2018/07/remortgage-advice2.png (mirror image - same images, merged together to get big resolution)

For example https://www.financialbrokers.co.uk/property/remortgage-advice/ (check on a phone with 320px grid and look at the bottom of image), so what I need to do is write a custom code to change the height on the 320/480 devices and wondering if you are able to help me out with this.

2) I have the rev slider used only on the desktop version of the website, for a mobile and a tablet the rev slider is switched off and I did build the main banner using a wrap and the column and cannot do it adaptive for full screen. Is always a gap on the bottom.

Thanks in advance for your help!

Cheers

Pablo · September 2018

About these three boxes.
It's not possible with this item.

You can recreate it with Column item and give them a custom CSS classes with hover effect,
but I can't make for you complete CSS code. We provide only simple CSS modifications for the theme.

1) Subheader:
You have to disable background-attachment: fixed.
This is messing up all of the design of subheader.

Please, insert this CSS code and take a look.

@media (max-width:760px){
#Subheader{
background-attachment:local !important;
}
}

2) It should work. After disabling all of the plugins is the issue still exists?
Thanks

mrozinski · September 2018

Hi,

Thanks for your reply!

In regards to the "three boxes" I have re-created them using columns, you can have look at www.financialbrokers.co.uk the only one question is... I wish to change the "speed" of the hover effect, at the moment is too quick. There is a thing which you can direct me as well?

Trying to get the same effect as here: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_overlay_fade (background hover effect speed) but the code

transition: .5s ease; is not working for me

1) Subheader - will check

2) Already sort it.

wrong style it was dark instead of full size.

Thanks a lot!

Pablo · September 2018

About boxes:
1) Disable this static width value: http://prntscr.com/ktyxjj - because of this, these boxes aren't responsive.

2) To make this hover effect smooth, you have to use keyframes to achieve this.
I mean, add :hover pseudoelement to the boxes, and add an animation of background color on keyframes
https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp

Thanks

mrozinski · September 2018

Hi,

Again, thanks for your help.

1) Okie dokie, sorted.

2) the @keyframes didn't work for me but I found another solution:

instead of;

.graythree:before {

background-color: rgba(163,163,163,0.8);

}

I did used

.graythree:hover {

background-color: rgba(163,163,163,0.8);

-webkit-transition: background-color 500ms linear;

-ms-transition: background-color 500ms linear;

transition: background-color 500ms linear;

}

and workig fine now:)

mrozinski · September 2018

In regards to the subheader, the proposition you gave me didn't work for me - stuck with this issue only, maybe you will have another idea, please?

Thanks in advance! Great support

Pablo · September 2018

Check this CSS code, it should work now:

@media (max-width:760px){
    #Subheader{
       padding-bottom:50px !important;
      transform:scale(1) !important;
  }
}

thanks

mrozinski · October 2018

Hi Pablo,

Thanks for your help, the code is not working

. Any ideas how I can sort it?

1) I got another problem if you can go https://www.financialbrokers.co.uk/?lang=pl on mobile.

The content is displaying fir in the right position, then moving up by itself, no idea how to sort it.

2) After changing the language from English to polish, navigation gets broken - wpml switcher automatically changing position, any ideas how I can sort this bug? https://www.financialbrokers.co.uk/?lang=pl

Thanks in advance.

Pablo · October 2018

I see this code is working, but it won't work for the main page, because there is a video.

1) As I said earlier, it's a problem with your slider, be sure it's made correctly, fully responsive
https://www.themepunch.com/faq/slider-revolution-responsive-tutorial-5-0/

2) I noticed that, if you delete one of the menu items it works fine.

What is your Grid in Theme Options > Global > General?

And I think, you should contact the WPML support, because it looks like WPML issue.

Thanks

mrozinski · October 2018

Hi Pablo,

Thanks for the quick reply. Regarding the code, can you please send me a screenshot of how it looks on your side? (ignore home page, I did understand).

- shall I paste the code on the custom CSS in Betheme options or on each page?

1) I'm not using the slider on homepage mobile, is switched off for the mobile and the banner is done by section, see attached image. https://imgur.com/uyqWkWE

2) Ok, will contact them also. Regarding your question, the grid is 1280 and set to full width

Thanks!

Pablo · October 2018

Look, on a mobile resolution, the video from the slider is still enabled:
http://prntscr.com/laad9h
After removing it, the text is placed correctly.
http://prntscr.com/laadyu

Where did you insert the slider, in page option(while editing) or the Theme Options > Global > Advanced?
Thanks

mrozinski · October 2018

Hi,

1) Screens are not loading up.

I did select the slider from the page option because different language = different slider, so I had to choose this option. What shall I do in this case?

2) Back to the question regarding the subheader images, the code is still not working for me, can you please assist me with this issue?

- shall I paste the code on the custom CSS in Betheme options or on each page?

Pablo · October 2018

Hm, I see that all screenshots in prntscr.com stopped working.
It looks like the issue is from their side. In an hour should be ok.

1) Disable the whole slider for this page and check it on mobile.
It will work fine then.
I suggest you, to create a whole slider(responsive) for desktop and mobile.

2) It should be pasted into Custom CSS in BeTheme Options
Show me examples where it does not work - It works
http://prntscr.com/lac2re
It's made only for mobile.

Thanks

mrozinski · October 2018

Hi Pablo,

Screenshots are working now, thanks.

1) Sure, but how I will assign separated slider for all languages? Cannot do like that. On English version done this way everything is working, I mean that on mobile content is displaying well, but on PL version no... this is the only suggestion I can do in this case?

2) Most of the images are not working well on inner pages, for example:

so what I would like to do is cut off the height of the subheader for about 30%-40% to hide the bottom of the subheader images.

https://imgur.com/kDLdJT4

https://imgur.com/rDXmEA6

3) I cannot find the way, how to make a background of the wpml button blue, is always changing on the desktop and mobile, cannot find the way how to make it blue only on mobile, and also I wish align it to center and make next to it "+" symbol. Is the thing you can help me out as well?

https://imgur.com/zeute61

Really thanks for your time and help!

mrozinski · October 2018

Hi Pablo,

Please ignore point 1) - sorted!

Pablo · October 2018

2) http://prntscr.com/lanseb

Change this value to top.

3) I cannot make it be near the "x" symbol, because it's in other containers.

You can change the color of it in Theme Options > Colors > Action Bar

Thanks

mrozinski · October 2018

Thanks,

2) Still nothing...

3) Not working, but contacted the WPML support, so we can ignore this point.

Thanks

Few issues in regards to the website

Comments

Financial Brokers offers you: