mark l chaves
Forum Replies Created
-
Forum: Themes and Templates
In reply to: [Astra] Remove normal menu, only display hamburger toggleHi @norequests,
Coolness.
Hey, the link part was bugging me for the CSS solution. I don’t have this anti-pattern issue using the CSS-only solution with other themes.
So, I wrote-up the JavaScript solution. The JS respects the links since we have direct access to the DOM of course.
Full Demo on CodePen
https://codepen.io/marklchaves/pen/poJWYym?editors=0010
For what it’s worth lol.
And, you’re most welcome @brainstormteam (Suman).
Have an excellent weekend y’all 🙂
- This reply was modified 6 years, 3 months ago by mark l chaves. Reason: typo
Forum: Themes and Templates
In reply to: [Astra] Changing the viewport meta in the sectionForum: Themes and Templates
In reply to: [Astra] Remove normal menu, only display hamburger toggleHi @norequests,
Ya, I follow ya. I wouldn’t change that breakpoint. Just my preference.
For a pure CSS solution, you can use the following trick. Warning, the mobile logo will not be a link anymore. Might be able to do this better with JavaScript?
/* Let's Mix-up the Logo For Mobile */ @media screen and (max-width: 767.998px) { /* Hide the Main Logo */ .custom-logo { display: none; } /* Insert a different logo as the background. */ .site-logo-img { display: inline-block; background-image: url(https://balistreetphotographer.files.wordpress.com/2019/02/balistreetphotographer-logo-2-slashes-65.png?w=65&zoom=2); background-repeat: no-repeat; width: 65px; height: 65px; } }Tweak the breakpoint, image link (obviously), and dimensions for your case 😉
Good luck!
- This reply was modified 6 years, 3 months ago by mark l chaves. Reason: Clarification
Forum: Themes and Templates
In reply to: [Astra] Sidebar and footer alignmentHello @toloekka,
Looking good. Nice work!
BTW, I found this thread on the WordPress forum regarding the
1frerror. You can safely ignore the warning. And, it should work fine. All major browsers support grid1fr.Give the
1frcode a try. It should look better for your mobile visitors too.If you want to always ensure vertical and horizontal center alignment using flex, please add this to your
.sidebar-mainclass. You might wanT to CTM (commit to memory) these two lines when using flex.align-items: center; justify-content: center;Here’s an excellent guide on flex https://www.smashingmagazine.com/2018/08/flexbox-alignment/
FYI–I’ve always wanted to learn fly fishing.
Share & enjoy 🙂
Forum: Themes and Templates
In reply to: [Astra] Changing the viewport meta in the sectionActually, a filter would be nice for this. Like OceanWP has.
Maybe there is?
Hey Admins, is there an Astra filter for this?
I also looked through your documentation, I didn’t see a list of built-in filters. Do you have a list of Astra filters? Sorta like your cool visual for your Astra hooks?
Thanks!
Forum: Developing with WordPress
In reply to: Use Javascript to add class on scrollForum: Themes and Templates
In reply to: [Astra] Sidebar and footer alignmentHi @toloekka,
Sorry. I assumed you knew a little RWD (responsive web design). My fault.
Keep the 1×4 code if that works for you. No need to change it. For the sidebar and 2×2 mobile use the CSS code below. Tweak the media query to suit your needs.
1×3 Sidebar and 2×2 Footer CSS for Mobile Devices
/* Use a CSS Media Query for Smaller Screens */ @media screen and (max-width: 1023.998px) { /* 1x3 Sidebar */ aside { margin: 0 2% !important; } .sidebar-main { display: flex; align-content: space-between; } /* 2x2 Footer */ #colophon .ast-container .ast-row { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; } #colophon .ast-container .ast-row::before { display: none; } } /* End Media Query */As for the Unexpected token … error, please make sure you copy the code above. In your message above, the ‘lfr’ must be a ‘1fr’ (numeral one followed by fr). This stands for one fractional.
Any issues, shout! 😉
Enjoy!
- This reply was modified 6 years, 3 months ago by mark l chaves. Reason: Typo
Forum: Developing with WordPress
In reply to: Use Javascript to add class on scrollHi @mariograsso87,
I’ll have to say, if you don’t know the difference between JavaScript and jQuery (and PHP for that matter), I suggest you read up on these technologies before slapping any code on your site. Just my humble opinion.
To answer your question. Yes. Anything is possible.
Here’s a CodePen I wrote for someone asking for something similar. Caveat: you must have some HTML, CSS, and JavaScript fluency to understand what the code is doing and how to properly implement the code on a WordPress site.
https://codepen.io/marklchaves/pen/RwNOVzQ
Happy coding! 😉
Forum: Fixing WordPress
In reply to: How to Edit html in index fileHi @gotalifethanks,
Just an FYI, Astra has its own plugin for injecting code into the
<head></head>section.https://wpastra.com/docs/how-to-add-google-analytics-code-with-astra-theme/
Forum: Developing with WordPress
In reply to: Use Javascript to add class on scrollHi @mariograsso87,
Just an FYI, your
menu-scroll.jssource looks like jQuery to me. There is noaddClass()function that I know of in vanilla JS. Make sure you have the proper jQuery libraries loaded if you decide to use this code.Also, when you load your page, make sure your Dev Tools console is visible so you can watch for errors.
Good luck!
Forum: Themes and Templates
In reply to: [Astra] ▶No me aparece botón de añadir al carrito 😭El enlace de arriba no funciona. Por favor, pruebe este.
- This reply was modified 6 years, 3 months ago by mark l chaves.
Forum: Fixing WordPress
In reply to: I want those two effects (hyperlink and line)Hi @furudo86,
Thanks for specifying. Ok. That’s easy too. I’ve already armed you with the code examples you need to know to be able to do this yourself. And, I’ve suggested you collaborating with a freelancer if you want someone else to code this for you.
Let’s do this. To narrow down (i.e. not all) what links you want to be fancy please try the following:
1. Create your version of my
.fancy-underlineclass if you haven’t yet.
2. Add your custom class to your site.
3. For each link you want fancy, addclass="fancy-underline"to the HTMLatag.All the syntax is in my CodePen.
For the vertical separator (thanks for being more specific), I have a CodePen for that too (it’s a popular question).
https://codepen.io/marklchaves/pen/vYErMgv
Happy coding! 😉
Forum: Themes and Templates
In reply to: [Astra] ▶No me aparece botón de añadir al carrito 😭Por favor lea la documentación que le envié. Creo que esto proporciona el botón que necesita para todos sus productos. ¿No?
https://docs.woocommerce.com/wp-content/uploads/2014/10/template-product-table-950×583.png
Forum: Themes and Templates
In reply to: [Astra] How to add related posts below blog post?Hello @atlas99,
You can use Jetpack for related posts.
https://jetpack.com/support/related-posts/
There are a couple of ways to handle customising the pagination text.
I’ve done this with other themes by overriding the pagination code in the
single.phpfile. Astra might provide a hook for this–which would be way cool.I’m still new to the theme. So, I’ll need to check how to do this myself and get back to you. I wouldn’t be surprised if someone else has already posted a solution for this.
Enjoy!
Forum: Themes and Templates
In reply to: [Astra] ▶No me aparece botón de añadir al carrito 😭hola, creo que esto es lo que estás buscando.
https://docs.woocommerce.com/document/woocommerce-one-page-checkout/
muchas gracias!
