Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Header resizing bug

Featured Lock Resolved Bug
Hi guys,
as you can test here: https://develop.egulp.net
I have the header 5 Logo +7 Menu
Into the Menu position, any module I publish (in this case the SEF Translate module):

1 - It is always appended to the top, while by default any module should be always vertically aligned into the "Basic > Header > Header Height". Please, How to have a vertically alignement ?

2 - Resizing the web browser width the SEF Translate module (max-width 160px) is moved practically immediately below and outside the header, while resizing:
- It should always wait as far as the logo+module width is not enough before to move the one at the right into a second line (if any other rule is applied), but
- in this case the "Basic > Header > Header Height" should be doubled = keeping the module (menu position) into the Header

3 - Please, How to horizontally align the modules into "menu" ? (right or center instead of left). I tried with:
#sp-menu {
text-align: right;
}
but it is not running....

Attachments (1)

  • Header-bugs.jpg
    Header-bugs.jpg 64.6 KB

26 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Thanks for your query. Please share a screencast video about your problem. It would be nice to understand the problem of Header Resizing.

-Thanks

joomleb

More than a month ago #Permalink
Hi Toufiq,

here you have: https://drive.google.com/open?id=1NQ-s92j3M235PiiEGkcL1BkO_ye40rGo
together with the image should be understandable...

Toufiq - Staff

More than a month ago #Permalink
Hi there, Please send me the Joomla administrator access via PM. I will fix your issue. Thanks

joomleb

More than a month ago #Permalink
Hi Toufiq,
message sent...

Toufiq - Staff

More than a month ago #Permalink
Hi Toufiq,
message sent...


Hi there, unfortunately, your access doesn't work. Thanks

joomleb

More than a month ago #Permalink
Hi Toufiq,
I tested the login account before to write you and I tested it again with success.
Be careful that is all lowercase and the password does not have the .com

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Please turn off the SSL CloudFlare. For the SSL, the resource doesn't load properly. That's why the template layout doesn't load. Please contact your SSL CloudFlare provider to unblock the resource. Without Template layout access, it's not possible to change the header issue fix.

-Thanks

joomleb

More than a month ago #Permalink
Hi Toufiq,
I'm always speaking and focused to find the bug solution (point 2).
This is the Server Provider answer:

" ...our SSL's are provided by Let's Encrypt. Cloudflare SSL's would only be in use if the domain was actually using Cloudflare. Checking the primary domain, it does not appear to be currently set to use Cloudflare so there should be no Cloudflare SSL to disable. You can use the following website to see what SSL a domain is using: https://www.sslshopper.com/ssl-checker.html
That being said, at least on our end for Let's Encrypt SSL there won't be a way to exclude a certain resource from the SSL. It could probably be achieved, but would need some custom code in the site to load that one resource over HTTP while allowing everything else to load over HTTPS... "

Are you sure it depend from Cloudflare SSL ?
Do you have more detailed informations I can send to the Server Provider ?
Please, Do you have any other suggestions ?

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Please increase your hosting space. Without available space, I can't make the backup using akeeba. I hope you will assist me.

-Thanks

joomleb

More than a month ago #Permalink
Hi Toufiq,
as I wrote you by PM: you can process, I have no hosting limits, I'm using an unlimited plan.

Thanks for support, staying tuned...

Toufiq - Staff

More than a month ago #Permalink
Hi Toufiq,
as I wrote you by PM: you can process, I have no hosting limits, I'm using an unlimited plan.

Thanks for support, staying tuned...


Hi there, Can you give me the hosting access to download the backup of your site? Thanks

joomleb

More than a month ago #Permalink
Hi Toufiq,
I sent you by email.
Sorry for the delay, but often the JoomShaper platform don't send out email notifications...

Thanks for help!

Toufiq - Staff

More than a month ago #Permalink
Hi Toufiq,
I sent you by email.
Sorry for the delay, but often the JoomShaper platform don't send out email notifications...

Thanks for help!


Hi there, Thanks for your PM. You have sent me the FTP access. I need the cpanel/hosting server access. Thanks

joomleb

3 weeks ago #Permalink
Hi Toufiq,
thanks, as I yet confirmed to you by PM, your work on the test site is running, but:
- without to have a detailed report on what you have done,
- without knowing if will be provided soon a fix release,
- without to have from you detailed instructions on how to fix it,

For us is still like an unsolved issue...

Toufiq - Staff

3 weeks ago #Permalink
Hi Toufiq,
thanks, as I yet confirmed to you by PM, your work on the test site is running, but:
- without to have a detailed report on what you have done,
- without knowing if will be provided soon a fix release,
- without to have from you detailed instructions on how to fix it,

For us is still like an unsolved issue...


Hi there, I have replied to your PM. Thanks

joomleb

3 weeks ago #Permalink
Hi Toufiq,
while I'm waiting instructions from you. Be careful, the
2 - Resizing the web browser width the SEF Translate module (max-width 160px) is moved practically immediately below and outside the header,...
bug is still present in:

A - Helix Ultimate > Template Options > Template Editor Preview...

B - SP Page Bulder Pro > "Page x" > Frontend Editor...
(I had back a 404 Page Error:
Not Found - The requested URL /index.php was not found on this server.
Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request
fixed adding the standard .htaccess joomla file that was missing on this installation)

And about
1 - It is always appended to the top, while by default any module should be always vertically aligned into the "Basic > Header > Header Height". Please, How to have a vertically alignement ?...

3 - Please, How to horizontally align the modules into "menu" ? (right or center instead of left)...

I always thought it was a simple "CSS" issue fixing, but I checked into the CSS Custom template file and I'm not been able to find anything about. Please, What am I missing ?

Toufiq - Staff

3 weeks ago #Permalink
Hi there,

Please check this URL logo and menu issue for the mobile device.

https://develop.egulp.net/

-Thanks

joomleb

3 weeks ago #Permalink
Hi Toufiq,
So, Test site https://develop.egulp.net
1 - ...by default any module should be always vertically aligned into the "Basic > Header > Header Height". Please, How to have a vertically alignement ?...
Bug - The "Select Language" Dropdown module seems to don't be vertically aligned - A image

2 - Resizing the web browser width the SEF Translate module (max-width 160px) is moved practically immediately below and outside the header,...

- Mobile view: Ok
- Tablet view: Bug - Resizing from desktop > tablet > mobile, on Tablet view the bug is still there - Video
- Helix Ultimate > Template Options > Template Editor Preview: Bug still there - B image
- SP Page Bulder Pro > "Page x" > Frontend Editor: Bug still there - C image

3 - Please, How to horizontally align the modules into "menu" ? (right or center instead of left)...
Bug - While on mobile view is well right aligned with the correct "Right" margin (compare it with left margin), on desktop view (and maybe tablet view) it is not - A image

Attachments (3)

  • A-Header-bug-desktop.jpg
    A-Header-bug-desktop.jpg 146.5 KB
  • B-Helix-Ultimate-preview.png
    B-Helix-Ultimate-preview.png 188.6 KB
  • C-SP-Page-Builder-Pro-preview.png
    C-SP-Page-Builder-Pro-preview.png 456.6 KB

Toufiq - Staff

2 weeks ago #Permalink
Hi there,

Thanks for your reply. I have checked the screenshot and now it has been fixed.

-Thanks

joomleb

2 weeks ago #Permalink
Hi Toufiq,
thanks for reply. "Bugs" are still there.
Test site https://develop.egulp.net - Joomla 3.9.5 + Helix Ultimate 1.0.5 + SP Page Builder Pro 3.4.10
I hope you can read carefully step by step this answer:

2 - Resizing the web browser width the SEF Translate module (max-width 160px) is moved practically immediately below and outside the header,...

2A - Mobile view: Ok
2B - Tablet view: Bug - Resizing from desktop > tablet > mobile, on Tablet view the bug is still there - Video
2C - Helix Ultimate > Template Options > Template Editor Preview: Bug still there when resizing as in point 2B
2D - SP Page Bulder Pro > "Page x" > Frontend Editor: Bug still there when resizing as in point 2B

1 - ...by default any module should be always vertically aligned into the "Basic > Header > Header Height". Please, How to have a vertically alignement ?...
Bug - The "Select Language" Dropdown module seems to don't be vertically aligned - A image
1A - As far as I understand the sp-language column you added has a margin-top 10 pixels and a padding-left, padding-right 15 pixels. As far as I see I cannot manage Column Style as for Row Style to delete this pre-settings. Please, How Can I delete them ?!?
1B - Please, How can I have back all modules into the column vertically aligned (so also the sef_translate) ?!? (Not using margin and/or padding)
PS Anyway the Header is 56 pixels - sef_translate 38 pixels = 18 pixels / 2 = 9 pixels > and the Margin-top (that is not the solution I nedd) is 10 pixels. This is what cause a not well centered visualization.

3 - Please, How to horizontally align the modules into "menu" ? (right or center instead of left)...
Bug
3A - mobile view is well right aligned with the correct "Right" margin (compare it with left margin)
3B - desktop view (and maybe tablet view) it is not. I believe the cause is the sp-language column padding-right 15 pixels pre set. Please, again, as far as I see I cannot manage Column Style as for Row Style to delete this pre-settings. How Can I delete it (them) ?!?
3C - SP Page Bulder Pro > "Page x" > Frontend Editor: Bug the right alignement is not applied... - D image

Attachments (1)

  • D-SP-Page-Builder-right-alignment.png
    D-SP-Page-Builder-right-alignment.png 456.1 KB

Toufiq - Staff

2 weeks ago #Permalink
Hi there,

Please check the video. How to check the site responsive using the browser.

https://drive.google.com/file/d/1WbvwF8Lw9Mv0LJCFsaD3qOns-AYgo4To/view

-Thanks

joomleb

One week ago #Permalink
Hi Toufiq,

2 - So, I checked the video, thanks and as you can see the bug is still there when width is into the 580 > 760 range. I attach for you an image.
I have a dubt, Do you have checked my old video https://drive.google.com/file/d/1mg7mFlHnxQqsph6PxdJqhTxMgupNJRs_/view ?!?

Attachments (1)

  • 2019-05-07-Header-resizing-bug.png
    2019-05-07-Header-resizing-bug.png 213 KB

Toufiq - Staff

One week ago #Permalink
Hi Toufiq,

2 - So, I checked the video, thanks and as you can see the bug is still there when width is into the 580 > 760 range. I attach for you an image.
I have a dubt, Do you have checked my old video https://drive.google.com/file/d/1mg7mFlHnxQqsph6PxdJqhTxMgupNJRs_/view ?!?


Hi there, Please check now. Thanks

joomleb

One week ago #Permalink
Hi Toufiq,

2 - Resizing the web browser width the SEF Translate module (max-width 160px) is moved practically immediately below and outside the header,...

Mobile view / Tablet view / Helix Ultimate > Template Options > Template Editor Preview / SP Page Bulder Pro > "Page x" > Frontend Editor... All tested on https://develop.egulp.net - Joomla 3.9.6 + Helix Ultimate 1.0.5 + SP Page Builder Pro 3.4.10. Bug seems to be solved, thanks.
Has the fix been included into the Helix Ultimate 1.1 release ? Can I update it ?

Still

1 - ...by default any module should be always vertically aligned into the "Basic > Header > Header Height". Please, How to have a vertically alignement ?...
Bug - The "Select Language" Dropdown module seems to don't be vertically aligned - A image
1A - As far as I understand the sp-language column you added has a margin-top 10 pixels and a padding-left, padding-right 15 pixels. As far as I see I cannot manage Column Style as for Row Style to delete this pre-settings. Please, How Can I delete them ?!?
1B - Please, How can I have back all modules into the column vertically aligned (so also the sef_translate) ?!? (Not using margin and/or padding)
PS Anyway the Header is 56 pixels - sef_translate 38 pixels = 18 pixels / 2 = 9 pixels > and the Margin-top (that is not the solution I nedd) is 10 pixels. This is what cause a not well centered visualization.

3 - Please, How to horizontally align the modules into "menu" ? (right or center instead of left)...
Bug
3A - mobile view is well right aligned with the correct "Right" margin (compare it with left margin)
3B - desktop view (and maybe tablet view) it is not. I believe the cause is the sp-language column padding-right 15 pixels pre set. Please, again, as far as I see I cannot manage Column Style as for Row Style to delete this pre-settings. How Can I delete it (them) ?!?
3C - SP Page Bulder Pro > "Page x" > Frontend Editor: Bug the right alignement is not applied... - D image

Toufiq - Staff

One week ago #Permalink
Hi there,

Thanks for your reply. Please follow the process before the update.

Please keep a backup full site & you also can follow this process.

http://prntscr.com/nmalgr
http://prntscr.com/nmalnw

Please contact your module Provider to fix the vertical & horizontal issue

SEF Translate

Please create a new forum post about your page builder issue.

-Thanks

joomleb

One week ago #Permalink
Hi Toufiq,

2 - Please, What do you mean with "foolow the process" ?

- I upgraded HU from 1.0.5 to 1.1.1 on on one of my live sites but the bug is still there, it seems like that fix has not been included on new releases...
- Helix Ultimate > Custom Code > Custom CSS: I copied and paste all what you added
- As far as I see you also created manually a Custom.css into Helix Ultimate template folder...Why ? Why not put all into the custom CSS helix ultimate feature ?

So, the question is that bug, thanks to you, seems to be fixed on my Test Site
Now I have to fix it to all my live sites
I had up to date Helix Ultimate and SP Page Builder Pro to last releases
But it seems to doesn't be ebough, Please, Can you provide detailed instructions on what I have to do ?

About vertical & horizontal issues, are Helix Ultimate / SP Page Builder issues:

1 - ...by default any module should be always vertically aligned into the "Basic > Header > Header Height". Please, How to have a vertically alignement ?...
Bug - The "Select Language" Dropdown module seems to don't be vertically aligned - A image
As far as I understand to the sp-language column the padding-left, padding-right 15 pixels Header Row Setting has been applied, but also a margin-top 10 pixels it has added.
1A - All the Columns should have Margin / Padding = 0 by default, no pre-settings, shouldn't have ?!?
1B - The Header Row Settings shouldn't be applied also to the Column Style, in my case for example the padding-left, padding-right 15 pixels Row Settings are applied also to each Column, but I don't want a padding-left sp-language column setting
1C - The same for the column verticla alignment, all the created Columns should be vertical aligned by default, shouldn't be ?! Please, How can I have back all modules into the column vertically aligned (so also the sef_translate) ?!? (Not using margin and/or padding)
1D - As far as I see I cannot manage Column "Style" as in Row settings to delete this pre-settings. Please, How Can we manage them ?!?

3 - Please, How to horizontally align the modules into "menu" ? (right or center instead of left)...

3A / 3B - I found a non wanted "margin-right: 10px;" into the custom.css file, removing it the issue has been solved
Bug - 3C - SP Page Bulder Pro > "Page x" > Frontend Editor: Bug the right alignement is not applied... - D image > I created a new forum SP Page Builder Pro topic as you suggested: https://www.joomshaper.com/forums/preview-column-alignment


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 121
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 113
Toufiq

Toufiq

Total Accepted Answers: 59
Pavel

Pavel

Total Accepted Answers: 4
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us